cost 73 ms
使用 boolean 属性初始化“useState”挂钩,但 state 未定义 - React - Initialised 'useState' hook with boolean prop, but state is undefined - React

所以我发送一个 object 的 sippet 字段 'followed' 作为一个组件的 prop 到这个代码(简化): 现在,我确保它在被传递给这个组件之前就在那里,并且 sippet.followed 日志正确,但仍然是后续的 state 日志和初始化为未定义。 为什么? sippet.f ...

将 React 组件从一个应用导入到另一个 TS React App - Import React Components from one app into another TS React App

我最近做了两个应用程序,一个应该是一个内部具有复杂逻辑的组件库,例如,一个组件应该渲染一个视图,内部有两个或三个组件,每个组件都有 useRefs、useStates 等等。 但是,当我尝试构建这些组件并通过 TSC / rollup 将它们导出到我的其他应用程序时,在导入它们时出现此错误: 如果 ...

如果 Navigate 在返回 function 中,是否使用 useEffect? - Is useEffect used if a Navigate is in the return function?

我有一个包含受限域的布局路由器页面。 如果用户通过身份验证,我想从该布局的数据库中获取数据。 提取在 useEffect 中,返回 function 根据用户身份验证拆分为条件语句: 使用 Navigate,如果用户未通过身份验证,useEffect 挂钩是否会被关闭,或者 useEffect 是 ...

React 功能组件 state 变量的 setFunction 在通过另一个 function 引用调用时不起作用 - React functional component state variable's setFunction is not working when it is called through another function reference

我在尝试构建另一个 React 应用程序时发现了这个错误。 所以我只是在演示应用程序中询问主要问题,我可能无法在此处更改任何渲染方法,因为它不是实际项目。 以简化形式发布 -> 我正在构建一个应用程序,其中将显示两个count ,并且该计数值旁边将有一个+ button 。 单击该按钮时,计数 ...

通过map循环在不同组件之间传输数据 - Transferring data between different components through a map loop

我正在尝试从一个组件切换到另一个组件,第二个组件需要使用第一个组件数组中的一个项目问题是第二个组件总是遍历整个数组直到最后一个元素并只显示它,但我想通过 onclick 中的索引 go 图片1 图片2 这是卡片的组成部分 这是显示详细信息的 model: 我希望它向我显示 USB 的图像,最后它向我 ...

React 应用不断发送连续的 HTTP 请求 - React app keeps sending continuous HTTP requests

我有一个页面显示从 MongoDb 到 API 获取的数据,在此页面中,您可以修改数据,然后页面将再次呈现以显示新数据。 但是检查.network 请求我注意到我的 React 应用程序发送了无限数量的请求,这显然减慢了一切。 我读到这是由这段代码引起的: 我还读到我必须清空 useEffect 的 ...

在 React 的 useEffect 中使用 clearInterval() 感到困惑 - Confused in using clearInterval() inside useEffect in React

当我们只是将setInterval存储在变量中时,为什么<p></p>段中的 output {theTime}仍然存在? 甚至更多,所以我们在执行“间隔”变量之前清除了它? 怎么还是output 1秒的时间间隔。 另外,当我在谷歌搜索时,我对与这个问题相关的“挂载/卸载”术 ...

如何使用用户 ID 以外的变量从数据库中检索用户 - How to retrieve a Users from a database using a variable other than User Id

我有一个 Spring Boot 应用程序,其中有一个 model 用户,当我点击前端 React 应用程序上的提交按钮时,我试图检索具有相同用户名的用户。 它说它无法检索,我不知道到底出了什么问题。 我收到此错误。 xhr.js:247 GET http://localhost:8080/cal ...

React Js 材质 UI 在设置时不更新值 - React Js material UI not updating the value when set

所以我在 material UI react js 中有这段代码,它没有正确更新值,所以我想,为了进一步解释,我有这段代码 如果我运行此代码并单击带有 label“待处理”的选项卡,则不会触发 console.log。 如果我再次单击带有 label“已接收”的标签,console.log 将显示“ ...

当用户到达底部时,尝试使用 UseEffect 来获取新帖子。 但问题是应用程序显示了数据库中的所有帖子 - trying to use UseEffect in react for fetching new posts when the user reach at the bottom. but Problem is the app shows all posts from database

我试图在反应中使用 UseEffect 用于在用户到达底部时获取新帖子。 但问题是应用程序会显示数据库中的所有帖子,无论我做什么, 我不知道问题出在哪里,为什么它获取所有帖子而不是 5 或 6。当用户到达底部时显示更多但是如果可能的话我的代码失败了有人可以看看我的代码对不起英语不好如果有人想编辑我的 ...

在 useEffect 中使用 flushSync() 是否和使用 useLayoutEffect 一样? - With flushSync() inside useEffect do we do the same as using useLayoutEffect?

https://reactjs.org/docs/react-dom.html#flushsync 强制 React同步刷新提供的回调中的任何更新。 这确保了 DOM 立即更新。 知道了,这和使用useLayoutEffect是一样的,还是我理解错了 flushSync() ? 跟这个一样吗? ...

我有一定数量的按钮,点击一个按钮应该只在 React Component 中显示它的内容 - I have a certain number of buttons, clicking on one should show content only for it in React Component

我有 3 个按钮,它们在组件中使用 map 通过 state 出现,但是当我单击这些按钮中的任何一个时,我会同时显示所有按钮的内容。 我不知道该怎么办了,我已经坐了第 3 天了,我什么也想不起来。 请帮助 我也试过使用 ref,但什么也没有出来 ...

每当 state 更改时如何使反应查询无效? - How to invalidate react-query whenever state is changed?

每当某个 state 发生更改时,我都会尝试使用 react-query 重新获取我的用户数据。 但是当然我不能在一个钩子中使用一个钩子,所以我不知道如何设置对这个 state 的依赖。 当前获取用户的代码是: 这很好用。 但是只要更改 gobal state 钱包,我就需要使它失效。 我想我可以 ...

当 axios.interceptors.response 处理错误时,如何阻止 React 完成渲染? - How to stop React from finishing render when axios.interceptors.response handles the error?

我正在开发一个反应应用程序,我使用令牌和刷新令牌进行身份验证。 每当后端返回401时, axios.interceptors.response将其拾取并尝试刷新我的令牌。 如果成功,它将使用更新后的标头重新启动原始调用。 请参阅下面的代码: 这本身就很好用,但不能与我的一个组件中的以下代码结合使用 ...

使用 useRef 钩子进行滚动检测导致重新渲染 - Using useRef hook for scroll detection causing re-rendering

我在布局组件中使用 useRef 挂钩来检测其子项(pageContent)的滚动值。 然后我有条件地显示一个按钮以滚动回顶部。 功能正常工作,但是当我在 pageComponent 子项 ( <route.component/> ) 中 console.log 时,它告诉我每次按钮显示 ...

onClick 反应错误未捕获错误:重新渲染太多。 React 限制渲染次数以防止无限循环 - onClick react error Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

**我在尝试更改父组件 styles onMouseEnter 事件时遇到错误。 如何通过子组件按钮更改 styles? 错误是 - 未捕获错误:重新渲染太多。 React 限制渲染次数以防止无限循环。 onMouseLeave={() => setHovered(false)} 是一个 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM