所以我发送一个 object 的 sippet 字段 'followed' 作为一个组件的 prop 到这个代码(简化): 现在,我确保它在被传递给这个组件之前就在那里,并且 sippet.followed 日志正确,但仍然是后续的 state 日志和初始化为未定义。 为什么? sippet.f ...
所以我发送一个 object 的 sippet 字段 'followed' 作为一个组件的 prop 到这个代码(简化): 现在,我确保它在被传递给这个组件之前就在那里,并且 sippet.followed 日志正确,但仍然是后续的 state 日志和初始化为未定义。 为什么? sippet.f ...
我最近做了两个应用程序,一个应该是一个内部具有复杂逻辑的组件库,例如,一个组件应该渲染一个视图,内部有两个或三个组件,每个组件都有 useRefs、useStates 等等。 但是,当我尝试构建这些组件并通过 TSC / rollup 将它们导出到我的其他应用程序时,在导入它们时出现此错误: 如果 ...
我有一个包含受限域的布局路由器页面。 如果用户通过身份验证,我想从该布局的数据库中获取数据。 提取在 useEffect 中,返回 function 根据用户身份验证拆分为条件语句: 使用 Navigate,如果用户未通过身份验证,useEffect 挂钩是否会被关闭,或者 useEffect 是 ...
我在尝试构建另一个 React 应用程序时发现了这个错误。 所以我只是在演示应用程序中询问主要问题,我可能无法在此处更改任何渲染方法,因为它不是实际项目。 以简化形式发布 -> 我正在构建一个应用程序,其中将显示两个count ,并且该计数值旁边将有一个+ button 。 单击该按钮时,计数 ...
这是组件:export const GradeTable = (props: GradeTableProps) => { console.log('GradeTable'); console.log(props.rows); return ( <div style={ ...
我正在编写 React 功能组件,应该输入以在 Neo4j 上进行搜索。 我依赖于 useReadCypher 并且无法更改它的内部实现。 我不能在 useEffect 中编写 useReadCypher,因为它违反了钩子规则。 我希望能够单击按钮以使用 useReadCypher 重新运行查询。 ...
我正在尝试从一个组件切换到另一个组件,第二个组件需要使用第一个组件数组中的一个项目问题是第二个组件总是遍历整个数组直到最后一个元素并只显示它,但我想通过 onclick 中的索引 go 图片1 图片2 这是卡片的组成部分 这是显示详细信息的 model: 我希望它向我显示 USB 的图像,最后它向我 ...
我有一个页面显示从 MongoDb 到 API 获取的数据,在此页面中,您可以修改数据,然后页面将再次呈现以显示新数据。 但是检查.network 请求我注意到我的 React 应用程序发送了无限数量的请求,这显然减慢了一切。 我读到这是由这段代码引起的: 我还读到我必须清空 useEffect 的 ...
当我们只是将setInterval存储在变量中时,为什么<p></p>段中的 output {theTime}仍然存在? 甚至更多,所以我们在执行“间隔”变量之前清除了它? 怎么还是output 1秒的时间间隔。 另外,当我在谷歌搜索时,我对与这个问题相关的“挂载/卸载”术 ...
我有一个 Spring Boot 应用程序,其中有一个 model 用户,当我点击前端 React 应用程序上的提交按钮时,我试图检索具有相同用户名的用户。 它说它无法检索,我不知道到底出了什么问题。 我收到此错误。 xhr.js:247 GET http://localhost:8080/cal ...
当更改 viaList state 时,我无法触发组件更新。 如果有人可以提供帮助,请 <3 如果可能的话,我不想 append 这些孩子。 将功能分离到一个单独的组件中使用道具触发更新常规 DOM 内容(附加不适合我们的用例) ...
所以我在 material UI react js 中有这段代码,它没有正确更新值,所以我想,为了进一步解释,我有这段代码 如果我运行此代码并单击带有 label“待处理”的选项卡,则不会触发 console.log。 如果我再次单击带有 label“已接收”的标签,console.log 将显示“ ...
我试图在反应中使用 UseEffect 用于在用户到达底部时获取新帖子。 但问题是应用程序会显示数据库中的所有帖子,无论我做什么, 我不知道问题出在哪里,为什么它获取所有帖子而不是 5 或 6。当用户到达底部时显示更多但是如果可能的话我的代码失败了有人可以看看我的代码对不起英语不好如果有人想编辑我的 ...
https://reactjs.org/docs/react-dom.html#flushsync 强制 React同步刷新提供的回调中的任何更新。 这确保了 DOM 立即更新。 知道了,这和使用useLayoutEffect是一样的,还是我理解错了 flushSync() ? 跟这个一样吗? ...
我有 3 个按钮,它们在组件中使用 map 通过 state 出现,但是当我单击这些按钮中的任何一个时,我会同时显示所有按钮的内容。 我不知道该怎么办了,我已经坐了第 3 天了,我什么也想不起来。 请帮助 我也试过使用 ref,但什么也没有出来 ...
每当某个 state 发生更改时,我都会尝试使用 react-query 重新获取我的用户数据。 但是当然我不能在一个钩子中使用一个钩子,所以我不知道如何设置对这个 state 的依赖。 当前获取用户的代码是: 这很好用。 但是只要更改 gobal state 钱包,我就需要使它失效。 我想我可以 ...
我仍然对 map 有点困惑。当我注释掉我的 h2 渲染的 map 时,我做错了什么? 是的,我仍然想使用 fetch。 在我添加更多深度之前,我需要了解我做错了什么。 当我注释掉它呈现的 function 时。 ...
我正在开发一个反应应用程序,我使用令牌和刷新令牌进行身份验证。 每当后端返回401时, axios.interceptors.response将其拾取并尝试刷新我的令牌。 如果成功,它将使用更新后的标头重新启动原始调用。 请参阅下面的代码: 这本身就很好用,但不能与我的一个组件中的以下代码结合使用 ...
我在布局组件中使用 useRef 挂钩来检测其子项(pageContent)的滚动值。 然后我有条件地显示一个按钮以滚动回顶部。 功能正常工作,但是当我在 pageComponent 子项 ( <route.component/> ) 中 console.log 时,它告诉我每次按钮显示 ...
**我在尝试更改父组件 styles onMouseEnter 事件时遇到错误。 如何通过子组件按钮更改 styles? 错误是 - 未捕获错误:重新渲染太多。 React 限制渲染次数以防止无限循环。 onMouseLeave={() => setHovered(false)} 是一个 ...