javascript - 类中的状态和对象之间有什么重要区别吗？

Question

让我说明一下我的意思:

class Example extends Component {
  constructor(props){
    super(props);
    this.state = {
      prop: 0
    }
  }
  prop = 0;
  
  changeProp = () => {
    this.setState({
      prop: 5
    });
    this.prop = 5
  }

state.prop 和 prop 都可以使用，都可以改变，那么它们的主要区别是什么？

Answer 1

虽然在技术上可以通过直接写入 this.state 来改变状态，但这不会导致 Component 重新渲染与新数据，并且通常会导致状态不一致。

此外，要记住 setState 是异步的。这允许我们在单个范围内多次调用setState，而不触发整个树的重新渲染。