javascript - this.name 和 this.state.name 在 react 中的区别是什么？

Question

React 在构造函数中有实例属性和状态属性。

实例属性 - 它不会重新渲染 View 。用于存储值。状态属性 - 它存储并重新呈现 View 。

除了上述任何其他原因或差异，或者什么时候应该在 React 类组件的构造函数中同时使用实例和状态？

示例:

class example extends Component{
  constructor(){
     this.state = {
       name: 'albert'
     };
    this.name = 'albert';
  }
}

Answer 1

当组件状态改变时，它会触发组件重新渲染(如果在 shouldComponentUpdate() 中没有设置为忽略)。

更改实例属性不会触发重新渲染。