反应道具和反应原生道具行为不同吗？

Question

在本页React Native State on React Native docs中，我们有以下语句：

道具由父级设置，并且在组件的整个生存期内都是固定的。

但是，在本页React文档上的React State and Lifecycle中，我们有以下声明：

因为this.props和this.state可能是异步更新的，所以不应该依赖它们的值来计算下一个状态。

我的误解在哪里？对我来说，当组件从DOM中移除时，组件的生命周期就结束了。因此，给定第一条语句，我不仅可以在render方法上访问组件的任何部分的this.props值，但这不是第二条语句所说的。

Answer 1

第二个语句只是说，您不应该使用this.props或this.state来更新状态，因为react将批处理多个更新。如果你这样做：

class MyComp extends React.Component{
    constructor(props) {
        super(props);

        this.state = {
            aValue: 0,
        };
    }

    componentDidMount() {
        this.setState({aValue: this.state.aValue + 1}); // should be 1 now
        this.setState({aValue: this.state.aValue + 1}); // should be 2 now
    }

    render() {
        return (
            <p>{this.state.aValue}</p>
        );
    }
}

如果执行此操作，则可能出现以下状态:{avalue:1}，因为react将批处理您的更新，导致第二次更新覆盖第一次更新，因为this.state.avalue在第二次调用setstate()时尚未更新，仍然是0。

相反，您必须将一个函数传递给setstate()，该函数将传递新的状态和道具并返回下一个状态：

this.setState((nextState, nextProps) => ({aValue: nextState.aValue + 1}));

没有提到您可以在哪里访问this.state或this.props。