renderHook中waitForNextUpdate的替代方案

我已经更新了Testing-library，但我在这种情况下很难找到waitForNextUpdate的替代方法（在react-testing-libraryv13中不再可用https://github.com/test...

来自于 [React讨论组] 2023-09-22 11:40:09 0  1  950

使用React.StrictMode和fabric.js的Canvas实例进行重渲染

我正在创建一个织物画布和按钮，这些按钮实例化的形状应该是可选择的。我不明白为什么在以下情况下我的组件会被重新渲染两次。因此，我的织物形状无法选择。然而，当我从我的index.tsx文件中移除时，渲染只发生一次，我的形状是...

来自于 [React讨论组] 2023-09-21 23:48:52 0  1  858

在React Flatpickr中获取按钮点击的值

我在React中有一个组件，并附加了react-flatpicker来获取日期值。然而，在我使用useRef之后，它显示值为“可能为空”，是的，在console.log之后，结果是相同的：<Flatpickrref...

来自于 [React讨论组] 2023-09-21 19:58:03 0  1  627

使用react-router-dom创建安全路由

如何使用react-router-dom创建一个受保护的路由，并将响应存储在localStorage中，以便用户下次打开时可以再次查看其详细信息。登录后，应重定向到仪表板页面。所有功能都添加在ContextApi中。Co...

来自于 [React讨论组] 2023-09-21 15:38:12 0  2  612

ReactJS中的useState在更新对象时不起作用

我有以下的身份验证上下文提供者。在用户成功认证后，我设置了一些令牌值importaxiosfrom"axios";import{createContext,useContext,useState}fr...

来自于 [React讨论组] 2023-09-21 12:44:16 0  1  654

当使用Jest进行测试时，只有在数据路由器中使用useLoaderData才会出现这个标题

使用ReactRouterv6.14.2，我已经完成了设置浏览器路由的所有步骤index.jsxconstrouter=createBrowserRouter([{path:"/",element:&...

来自于 [React讨论组] 2023-09-21 11:51:20 0  1  554

当尝试使用获取的数据更新状态时，Console.log返回'undefined'

当我在渲染时或某些依赖项改变时获取数据时，它会正确地更新到Reduxstore中，但是当我使用console.log时，它会显示'undeifined'。我正在开发预订系统，希望在指定的日期上获取已预订的小时数///在组...

来自于 [React讨论组] 2023-09-21 09:52:52 0  1  614

在项目之间共享React组件

概念问题。我有两个在两个不同的React服务上运行的项目。许多组件可以在这两个项目之间共享。我应该如何设置，以便我可以拥有一个“实时”的共享组件项目，并且多个项目可以实时使用这些组件。通过搜索，我了解到可以通过npm包的...

来自于 [React讨论组] 2023-09-21 00:01:52 0  1  667

在返回语句中使用内联JSX渲染时，检索元素的宽度

我有一个元素，我想计算它的宽度，然后迭代多少次，以至少占满视口的宽度。问题是，我无法通过我正在使用的行内JSX渲染样式来获取宽度。即使我将其设置为依赖项，我在useEffect中仍然会得到refWidth为空的错误。有没...

来自于 [React讨论组] 2023-09-20 22:00:52 0  1  715

UseEffect触发的无限API调用

我构建了一个MERN项目，其中组件FrindListWidget在2个条件下被调用。如果是用户自己的朋友列表，则会渲染该小部件，并且Reduxuser.friends中的状态也会更新。如果是其他用户，则仅渲染小部件。Re...

来自于 [React讨论组] 2023-09-20 20:50:56 0  1  529

使用自己创建的<Tab/>组件时，与"&.Mui-selected"状态有问题

我创建了一个自定义的<Tab/>，我想通过使用以下代码来控制它的选中颜色：沙盒演示代码exportconstTab=styled(MuiTab)({"&.Mui-selected"...

来自于 [React讨论组] 2023-09-20 19:56:31 0  1  556

错误：无法在React模块之外使用import语句

我刚开始学习React。我按照https://react.dev/learn/add-react-to-an-existing-project上的入门指南进行了步骤，但是我一直遇到错误：无法在模块外部使用import语句...

来自于 [React讨论组] 2023-09-20 12:45:39 0  1  579

Redux 状态无法正确访问后端 (mySQL) 数据

我在后端（mySQL）和前端之间渲染数据时遇到了问题。我已经在reduxdevtools和控制台日志中进行了调试，但仍然找不到原因。数据在控制台日志中正确获取，但当我记录我的状态时，它只是空的。在reduxdevtool...

来自于 [React讨论组] 2023-09-20 10:40:44 0  1  601

根据用户输入从数据集中筛选数据的问题

以下是我迄今为止尝试过的概述：我有一个searchInput元素，用户可以在其中输入他们的搜索查询。当searchInput的值发生变化时，我使用一个函数来处理过滤过程。过滤函数循环遍历数据集，并将每个项与searchI...

来自于 [React讨论组] 2023-09-20 09:37:52 0  1  692

Axios GET 请求被前端中的某些内容修改

在这个动作中，我在URL“api/media/action”上有一个基本的GET响应exportconstlistWorks=async(dispatch)=>{try{dispatch({type:WORK_LI...

来自于 [React讨论组] 2023-09-20 08:39:45 0  1  611