React的functional setState如何确定哪些字段已经更新？

文章/答案/技术大牛

发布

1回答

javascript、reactjs、setstate

根据我的实验，如果您有一个对象作为react状态(let [state, setState] = useState({}))，并且您执行如下操作 setState(s => { s.a = 42如果从另一方面来说你这样做了 setState(s => {...s, a: 42}); 它将重新渲染所有依赖于s的任何字段的组件，所以在我看来，它实际上只是查看闭包的返回对象引用是否与它已经具有的状态相同

浏览 16提问于2020-04-30得票数 0

回答已采纳

2回答

React Js中的onSubmit未定义错误

reactjs

我在编译我的代码时遇到错误，实际上我正在尝试从其他组件中的表单中获取用户输入。({fields}); const [open, setOpen] = React.useState</div> </Fade> </div>

浏览 1提问于2019-09-18得票数 0

1回答

如何在使用API获取数据时更新功能组件中的React状态

reactjs

我正在尝试使用API更新functional component中的react状态，但是不知何故它没有更新。我不确定我这边缺少了什么。有没有人可以帮我看看下面的代码片段中缺少了什么。代码const [state, setState] = useState({ }); useEffectconsole.log(response.data); /

浏览 0提问于2020-12-29得票数 1

1回答

如何使用可编辑字段生成配置文件页

javascript、reactjs

总体设计已经完成，但我需要添加一个编辑按钮，它将用于更新一些产品文件信息。页面加载，默认情况下该页面不是可编辑的，用户单击编辑，特定字段变为可编辑，先前命名的“编辑”按钮变为“保存”btn。当用户完成更新时，他单击“保存”。UI如下所示：可编辑部分的相关代码是： import React

浏览 2提问于2020-07-15得票数 0

2回答

从外部调用React setState挂钩(DOM/Google Maps)

javascript、reactjs、react-hooks

我正在构建一个使用各种useState()钩子的函数React组件。它们中的每一个都提供了一个状态和一个可以被调用来更新它的函数。这在react本身内部工作得很好。但在我的场景中，我还必须处理其他(DOM/Google Maps)环境。作为放在Google map上的DOM元素的回调，我想调用setState(!state)来翻转布尔值。我认为问题在于setState钩子无法获取最新状态

浏览 1提问于2019-08-06得票数 0

2回答

每次渲染相同的dataRow太多

react-native、react-native-flatlist

所以我怎样才能避免这些无用的物品重新呈现。我在用反应16.8.3renderItem %0renderItem 2//

浏览 0提问于2019-03-28得票数 1

回答已采纳

3回答

React，JS - setState()的最佳实践

javascript、reactjs

查看了为setState()提供的文档，并找到了这个它究竟如何决定哪些组件要立即更新，哪些要推迟？更确切地说，我有一些类似于下面给出的.在外部设置一个公

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

回答已采纳

2回答

React useState挂钩-管理一个状态中的多个加载状态

reactjs、react-hooks

我试图用react钩子动态地管理一个状态中的多个加载状态。但是，当我根据api调用的结果(成功或错误)更新状态对象时，它会产生一个非常奇怪的结果。如下面的代码示例所示，单击按钮将触发按钮的加载状态为true。当我在按钮1发出呼叫时单击按钮1，然后单击按钮2(这里我刚刚模拟了超时)，它们都按照预期的顺序将其加载状态设置为true。我不知道如何才能解决这个问题，非常感谢您的帮助。谢谢。https://codesan

浏览 10提问于2019-09-03得票数 1

2回答

参考文献与条件渲染

javascript、reactjs、reference

基本上，我有这个简化的代码。class App extends React.Component { constructor(props) { this.state= {isEditing: false} } this.setState我找到了一些解决办法，比如：

浏览 1提问于2018-06-23得票数 11

回答已采纳

3回答

如何在React.js中信任状态

javascript、reactjs

因此，在react中，setState()是异步，可以缓冲调用以更改状态。我明白了。如果你以某种方式依赖于状态来计算新的状态，那么你如何通过一个可选的回调来使用setState((state) => {})。我有一个文本字段。当有人编辑该字段时，它会使用setState({ hasCh

浏览 7提问于2017-09-28得票数 1

1回答

简单对象检测在反应中的几个问题

javascript、reactjs

我是javascript和React，所以我仍然对React概念的思考有些困惑。 country:'Australia' //add new property this.setState代码是错误的，我不明白为什么，也许我也不明白，但我并不完全不知道如何在反应元语言中解决它。我想，动态创建<em

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

6回答

允许类型记录编译器只在一个反应性状态属性上调用setState

reactjs、typescript

我在一个项目中使用类型记录和React。主组件将通过此接口传递状态。class Main extends React.Component<MainProps, MainState> { super(props);换句话说，我需要在onChange函数中设置所有三个属性的状态，以使代码编译。editorState: editorState} 但是，没有理由在代码的此时设置todos和hungry属性。在类型记录/反应中只对一个属性调用<

浏览 4提问于2016-05-18得票数 58

回答已采纳

6回答

调用this.setState()时是否需要"...this.state“

javascript、reactjs

我似乎找不到一个一致的例子来说明如何在React中正确设置状态。比方说，我有我的组件，它的状态是： state = { propertyTwo: 'def',}如果我想更改propertyOne，我(目前)会这样做： this.setState({...this.state, propertyOne: 'new va

浏览 27提问于2018-08-23得票数 0

回答已采纳

19回答

React:如何使用setState更新状态中的state.item[1]？

javascript、reactjs、state

我正在创建一个应用程序，用户可以设计自己的表单。例如，指定字段的名称以及应包括哪些其他列的详细信息。var DynamicForm = React.createClass({ var items = {};，但我很难确定正确的对象： var PopulateAtCheckboxes = React

浏览 80提问于2015-04-09得票数 381

回答已采纳

3回答

如何调用函数getCenter()和其他在反应-谷歌地图

google-maps、reactjs

center={{lat: props.mapCenter.lat, lng: props.mapCenter.lng}}/>const MarkerClustererExampleGoogleMap = withGoogleMap(props =>, lng: props.mapCenter.lng}}

浏览 0提问于2017-04-20得票数 2

4回答

如何使用react正确更新数组中的状态？

javascript、arrays、reactjs

在previous question中，我得到了一个关于如何更新数组的答案，这是通过以下方式实现的： onClick(obj, index) { } } 这不会在我的UI中触发重新渲染。如何在触发重新渲染的同时更新数组(与上面的方法相同)？

浏览 43提问于2019-09-26得票数 0

1回答

如何将集合中的文档放入一个对象数组中，并从Google获取它们自己的字段？

javascript、reactjs、google-cloud-firestore

我正在创建一个React应用程序来存储它的Pokedex条目，以及它在上的静态资产。我把它设置成这样：目标是检索这些Pokemon文档，并将它们返回到一个类似于我在本地所能做的对象的数组中。我的代码看起来像这样从"pokedex“集合中检索文档。我希望能够执行一个函数来使用solo条目列出这些条目，这些条目可以使用其字段(如输出中所示的索引号和名称)来显示，但我在呈现过程中使用"this.state.pokemon“时无

浏览 0提问于2020-05-11得票数 0

回答已采纳

1回答

为什么我不能访问上下文的方法或属性

reactjs、state、react-context

我正在尝试使用React的上下文api来管理全局状态。当我试图调用上下文方法或访问上下文属性时，我得到的错误提示是"this.context.setUser函数不存在“或”未定义“。然而，我已经能够将值硬编码到上下文的状态中，并检索硬编码值。/contexts/FeedContext"; class AccountPanel extends React</

浏览 26提问于2019-05-06得票数 0

2回答

是否响应等于ReacDOM.PureComponents的无状态组件？

javascript、reactjs、react-redux、web-component

根据文档() const MyView = () => { <div>Hello Stateless Component</div>}; 是React.PureComponent它做了一个浅支柱和状态的比较吗？

浏览 7提问于2017-10-04得票数 1

回答已采纳

3回答

状态对象在重新呈现和状态设置时是否保持相同的实例？

javascript、reactjs、react-hooks

假设我们有这个useState变量：每次函数组件呈现时，useState但是，它也是对象的参考吗？

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

点击加载更多