我知道React可以异步并批量执行状态更新以优化性能。因此,在调用以后,您将永远无法相信要更新的状态setState
。但是你可以信任的反应更新相同的顺序状态setState
被称为对
- 相同的组件?
- 不同的组件?
考虑在以下示例中单击按钮:
1.在以下情况下,是否有可能a为假而b为真:
class Container extends React.Component {
constructor(props) {
super(props);
this.state = { a: false, b: false };
}
render() {
return <Button onClick={this.handleClick}/>
}
handleClick = () => {
this.setState({ a: true });
this.setState({ b: true });
}
}
2.在以下情况下,是否有可能a为假而b为真:
class SuperContainer extends React.Component {
constructor(props) {
super(props);
this.state = { a: false };
}
render() {
return <Container setParentState={this.setState.bind(this)}/>
}
}
class Container extends React.Component {
constructor(props) {
super(props);
this.state = { b: false };
}
render() {
return <Button onClick={this.handleClick}/>
}
handleClick = () => {
this.props.setParentState({ a: true });
this.setState({ b: true });
}
}
请记住,这些是我用例的极端简化。我意识到我可以以不同的方式进行操作,例如,在示例1中同时更新两个状态参数,以及在示例2中的第一个状态更新的回调中执行第二个状态更新。但是,这不是我的问题,我只对React是否有明确定义的方式来执行这些状态更新感兴趣,仅此而已。
非常感谢文档支持的任何答案。