reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

我想要一个条件来说明某个 prop 是否是 React 节点，然后将其作为组件中的子节点放置，如果不是，则采取一些操作将其放入组件中。这样我的作品...

javascript properties reactjs

回答 1 投票 0

const [formData, setFormdata] = useState({}); path = "abc" // path 是作为 prop 传递的字符串使用效果（（）=> { // console.log('渲染的表格组件'); if (formData[路径] ===

reactjs if-statement react-hooks

回答 1 投票 0

使用测试库中的“屏幕”时，如何在单个文件中并行运行测试？

我正在使用带有 jsdom 和 Vitest 的 React 测试库。我正在尝试在一个文件中运行多个单元测试，但屏幕变量似乎具有所有渲染调用的输出、所有测试的结果...

reactjs react-testing-library jsdom vitest

回答 1 投票 0

拒绝执行内联脚本，因为它违反了以下内容安全策略指令：刷新页面时出现“script-src 'self'”

我有一个 Node/React 应用程序，当我刷新生产版本中的页面时，对于除“/”之外的所有路由，都会出现此错误，并显示一个空白页面。拒绝执行内联脚本，因为...

javascript node.js reactjs react-router

回答 1 投票 0

使用测试库中的“屏幕”时，如何在单个文件中并行运行测试？

reactjs react-testing-library jsdom vitest

回答 1 投票 0

屏幕与渲染查询

使用 React 测试库有两种使用查询的方法。您可以使用 render 方法返回的查询：从“反应”导入反应从'@testing-library/react导入{渲染}...

javascript reactjs react-testing-library

回答 2 投票 0

我使用nextjs Link时SEO/Google Crawler能找到底层url吗？

Nextjs Link SEO 友好吗？或者我应该如何以 SEO 友好的方式使用它？我的登陆页面中有一堆链接，每个链接都路由到我网站上的不同页面，所以就像 Nextjs Link SEO 友好吗？或者我应该如何以 SEO 友好的方式使用它？我的目标网页中有一堆 Link，每个 Link 都会路由到我网站上的不同页面，所以就像 <Link href='/california-hotels'> California </Link> <Link href='/new-york-hotels'> New York </Link> 我真正希望的是谷歌爬虫可以发现每个页面，即www.mysite.com/california-hotelswww.mysite.com/new-york-hotels我只是不确定它们是否会被发现。我确信如果它是一个标签，即<a href="www.mysite.com/california-hotels">California</a>，那不会有问题，因为网址已拼写出来。当我使用Link时，Google爬虫是否能够找到实际的url？谢谢你是的，nextjs 在幕后仅使用锚标记。如何通过检查元素来验证它。只要链接在 DOM 中，Google bot 就能够抓取它们。

reactjs next.js seo

回答 1 投票 0

使用“testing-library”中的“screen”和“jsdom”时，如何并行运行测试？

我正在将react-testing-library与jsdom和vitest一起使用（通过环境使用jsdom）。我正在尝试在一个文件中运行多个单元测试，但屏幕变量似乎具有所有渲染的输出

reactjs unit-testing react-testing-library jsdom vitest

回答 1 投票 0

“无法加载资源：服务器响应状态为 404（未找到）”，但页面仍然加载

当我从导航菜单中按下仪表板按钮时，仪表板页面会加载，即使如此，它仍然在控制台中显示“404”。当我登录并按 Enter 键时，它会转到相同的网址，但...

javascript reactjs node.js web react-router

回答 1 投票 0

修复 NextJs 应用程序中找不到页面错误的方法

我有以下文件夹结构源代码/ ├── 应用程序/ │ ├── 页数/ │ │ ├── 认证/ │ │ │ ├── 注册/ │ │ │ │ └── page.tsx │ │ │ └── 登录/ │ │ │ └── 页码....

javascript reactjs typescript next.js frontend

回答 1 投票 0

动态绑定依赖于父列表项更改的选择列表在react js和node js中不起作用

我有2个关于sbu列表和部门列表的选择列表。我想根据 sbu 列表项的 onChange 事件选择值更新部门列表。但根据我的代码，有时它只能工作......

reactjs node.js express

回答 1 投票 0

我可以使用全局变量而不是 React.Context 在这里传递常量 props 吗？

我想知道在我的用例中，全局共享变量有利于上下文的缺点是什么：该变量的值将在第一次渲染时设置一次这个变量的值...

reactjs next.js react-hooks

回答 1 投票 0

我正在将 tailwind 类字符串从 utils 导入到应用程序文件夹中的索引页面，但它不起作用。直接在应用程序文件夹中用作类名是可行的

utils/responsiveBox const responsiveBoxClass = "border-2 border-[红色] xxsmScr:border-tahitiii xsmScr:border-[蓝色] smScr:border-[绿色] midScr:border-[橙色] bigScr:border-[白色] BigScr:b .. .

reactjs tailwind-css next.js13 postcss tailwind-ui

回答 1 投票 0

使 BarChart 响应 MUI-X 和 React

我正在尝试使此条形图具有响应性，截至目前它具有固定的高度（500x200px）。该文档非常模糊，并说将 BarChart 包装在 ResponsiveChartContainer 中，但我......

reactjs charts material-ui responsive-design mui-x

回答 1 投票 0

React Native init 错误找不到模块->node_modules act-native\package.json'

所以，当我尝试使用->react-native init abc 创建一个新项目时。一切都很顺利，直到它说找不到包 json。然后它最终在新的 abc fo 中只有包 json...

reactjs react-native

回答 2 投票 0

属性未正确传递到子组件

我有一个简单的网站，它从丹麦国家数据提供商 SDFI 加载与房产相关的数据。我在将正确的值从母组件传递到子组件时遇到问题。我的代码