使用 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 功能组件 state 变量的 setFunction 在通过另一个 function 引用调用时不起作用
[英]React functional component state variable's setFunction is not working when it is called through another function reference
我在尝试构建另一个 React 应用程序时发现了这个错误。 所以我只是在演示应用程序中询问主要问题，我可能无法在此处更改任何渲染方法，因为它不是实际项目。 以简化形式发布 -> 我正在构建一个应用程序，其中将显示两个count ，并且该计数值旁边将有一个+ button 。 单击该按钮时，计数 ...
未捕获的错误：MUI：数据网格组件要求所有行都具有唯一的“id”属性
[英]Uncaught Error: MUI: The data grid component requires all rows to have a unique `id` property
这是组件：export const GradeTable = (props: GradeTableProps) => { console.log('GradeTable'); console.log(props.rows); return ( <div style={ ...
在 useEffect 中运行 useReadCypher
[英]Run useReadCypher inside useEffect
我正在编写 React 功能组件，应该输入以在 Neo4j 上进行搜索。 我依赖于 useReadCypher 并且无法更改它的内部实现。 我不能在 useEffect 中编写 useReadCypher，因为它违反了钩子规则。 我希望能够单击按钮以使用 useReadCypher 重新运行查询。 ...
通过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 ...
反应更新 useState 数组不会导致元素刷新
[英]React updating useState array not causing element refresh
当更改 viaList state 时，我无法触发组件更新。 如果有人可以提供帮助，请 <3 如果可能的话，我不想 append 这些孩子。 将功能分离到一个单独的组件中使用道具触发更新常规 DOM 内容（附加不适合我们的用例） ...
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 钱包，我就需要使它失效。 我想我可以 ...
为什么 map 停止呈现 ReactJS 中的标题？
[英]Why is map stopping rendering of a heading in ReactJS?
我仍然对 map 有点困惑。当我注释掉我的 h2 渲染的 map 时，我做错了什么？ 是的，我仍然想使用 fetch。 在我添加更多深度之前，我需要了解我做错了什么。 当我注释掉它呈现的 function 时。 ...
当 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)} 是一个 ...
nextjs 页面在服务器中显示 404 但在 localhost 中有效
[英]nextjs page is showing 404 in server but works in localhost
这是Next.js中的一个React组件，实现了一个搜索功能。 它使用next/router库中的useRouter挂钩从 URL 检索搜索查询并将其存储在search变量中。 然后，该组件使用useState钩子将搜索结果存储在searchData state 中。 该组件在useEffect挂钩 ...
使用 React 按道具过滤“全部”类别
[英]Filtering "All" category by props with React
我在页面上有一个过滤器逻辑。 单击不同的按钮我正在过滤初始数组。 如何通过单击过滤组件中的“全部”按钮将数组中的所有项目显示到同级组件。 如果我做对了，需要将 function 传递给父组件。 https://codesandbox.io/s/trusting-moon-djocul?file=/ ...