React状态挂钩未将更改传递给元素

文章/答案/技术大牛

发布

1回答

reactjs

我有以下(简化的)代码： import React, { useState, useEffect } from "react"; </MuiAlert> ) } 我的期望是，当从CheckIn组件按下按钮时，success变量被设置为true，并传递给警报组件我尝试的是将Snackbar open={op

浏览 13提问于2020-03-20得票数 1

回答已采纳

1回答

useQuery如何不需要回传回调？

reactjs、react-query

来自useQuery包的react-query不要求您到useCallback回传您传递给useQuery的回调。我试图创建一个简单的类似的挂钩，但挣扎如何绕过这个问题，我不想要求额外的步骤，总是回忆录提供的回调。

浏览 6提问于2022-07-07得票数 -1

1回答

您已多次调用Google Maps API

reactjs、google-maps-api-3、clojurescript、reagent

我有一个试剂组件，当它挂载时，我导出了一个名为loadMap的函数： google_maps.js export function loadMap() { var script = document.createElement('script'); script.src = 'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&#

浏览 78提问于2020-06-22得票数 1

1回答

useEffect钩子在自定义钩子中使用时会无限地运行。

javascript、reactjs、react-hooks

useEffect(() => { // eslint-disable-next-line react-hooks/exhaustive-deps}, []) personService.get(); // eslint-disable-next-line react-hooks/exhaustive-deps

浏览 1提问于2022-03-02得票数 1

1回答

相对简单的React应用程序在页面加载时有一个组件重呈现7次。

reactjs

我的React应用程序目前在结构上相当简单，尽管组件中的逻辑越来越强烈。该组件的代码大致如下：问题：是对的，我担心这

浏览 6提问于2022-08-11得票数 0

1回答

React Hooks -重新渲染过多

javascript、reactjs、react-hooks

我是javascript和react钩子的新手，并且我一直收到以下代码的“重新渲染次数太多”的错误 const [showReminder, setShowReminder] = useState(

浏览 7提问于2019-11-30得票数 0

2回答

onCallback React -最佳实践查询

reactjs、react-hooks

但是，我想知道React组件中的任何内联函数是否应该与onCallback一起包装以提高性能？在什么情况下，我不会用onCallback包装这样的函数？

浏览 3提问于2022-04-25得票数 0

回答已采纳

2回答

条带反应成功后如何重定向到另一个页面？

javascript、reactjs

我正在使用react-router-dom。onSuccessfulResponse={(status) => this.handleCheckout( status) } />Payment.js仅包含用于显示条带付款表单的UI元素

浏览 35提问于2021-02-19得票数 1

3回答

防止在函数属性更新时重新渲染

javascript、reactjs、react-hooks

表单的状态保持在最高级别，我将函数作为道具向下传递以更新最高级别。唯一的问题是，当表单变得非常大时(您可以动态添加问题)，当其中一个组件更新时，每个组件都会重新加载。解决方案请注意，控制台日志仅显示已更改的组件的重新呈现。

浏览 4提问于2019-05-11得票数 12

回答已采纳

1回答

如何在使用useffect on React时修复此错误:React缺少一个依赖项：'props.history‘

reactjs、react-hooks

我不知道我的代码到底出了什么问题，我得到了这个错误： React缺少一个依赖项：‘pros.History’。

浏览 3提问于2022-03-08得票数 -1

回答已采纳

2回答

获取数据后设置状态的问题(React挂钩)

javascript、reactjs、fetch、react-hooks、state

我正在玩一个API，并制作一个用于数据显示的react应用程序。在发送了请求的信息(通过表单)(通过axios)之后，我使用React Hooks的setState方法设置了状态，但这不是很好地工作，这创建了一个罕见的行为。下面是我设置状态的代码部分： function Home() { const [visibleMsj, setVisibleMsj此外，我需要在表单下面显示状态变量'

浏览 8提问于2020-04-18得票数 1

1回答

在react呈现中重用组件实例

reactjs

父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef未明错误:对象作为一个React子对象无效。我收到了这个错误不明错误:对象作为一个反应子对象无效(.如果您打算呈现一个子集合，则使用数组代替，或者使用createFragment(对象)从React加载项包装该对象。

浏览 4提问于2016-12-02得票数 2

2回答

如果使用了useCallback，那么父级中的function React.memo ()函数只能与React.memo一起工作，而不起作用。

reactjs、react-hooks、memo、usecallback

父组件转换处理程序:输入类型更改的触发器.子组件所有功能都很好，只有当&qu

浏览 5提问于2021-02-14得票数 0

回答已采纳

1回答

React :从同步到异步的范式转换问题

javascript、reactjs

下面是代码：const [selectedLocation, setSelectedLocation] = React.useState() 函数，我需要更新的selectedLocation

浏览 3提问于2019-12-12得票数 2

回答已采纳

1回答

下面这句话是什么意思呢？

javascript、reactjs、dom

据我理解，这意味着只对必要的更新做出反应，而不是再次破坏和重新构建整个DOM树。我说错了吗？谢谢。

浏览 1提问于2020-03-30得票数 0

1回答

如何防止依赖于回忆录父组件状态的子组件中的不可缺少的重选器

javascript、reactjs、react-hooks、react-lifecycle

App具有计算回传值的状态，该值作为道具传递给Option。当状态由于传递给Option的回调而发生变化时，App将被重新命名，从而导致我正在寻找一种使用React和状态管理的模式，该模式只允许重新设置两个Option--一个是取消选举的，因为它的isSelected属性从true变为false，另一个是被选中的，因为它的isSelected属性从false变为tru

浏览 5提问于2022-03-30得票数 0

回答已采纳

1回答

在反应中使用太多的useState钩子。我该怎么重构这个？

javascript、reactjs、react-hooks、react-component、use-state

我主要使用useState挂钩来初始化某些状态，我还将函数传递给子组件以更改状态。然而，我意识到我开始在我的父页面组件中使用太多的useState挂钩。这看上去和感觉都不对，因为我开始在父页面组件中使用大约6-10 useState挂钩。谢谢

浏览 3提问于2020-07-01得票数 5

2回答

如何保存表单的值，以便在用户单击“后退”按钮时进行编辑？

reactjs

如果用户想要编辑数据，他可以单击步骤1或2并更改数据。如何保存数据，以便以后编辑？

浏览 0提问于2021-03-10得票数 1

1回答

仅当状态更改时才为useEffect

reactjs、redux、react-hooks、use-effect

我有一个从redux调用action来获取上传内容的useEffect useEffect(() => {}, [getUploads]) 但是，我只想在状态改变时获取我映射了状态，如下所示： {filteredUploads.map((image, i) => { return (...) })} 我已经尝试添加getUploads，filteredUploads，

浏览 19提问于2020-04-27得票数 4

2回答