react中this.name和this.state.name的区别是什么？
React在构造函数的react中具有实例属性和状态属性。
实例属性-它不会重新呈现视图。用于存储值。State属性-它存储并重新呈现视图。
除了以上原因之外，是否有任何其他原因或差异，或者何时应该在React类组件构造函数中同时使用实例和状态？
示例：
class example extends Component{
constructor(){
this.state = {
name: 'albert'
};
this.name = 'albert';
}
}回答 4
Stack Overflow用户
发布于 2017-09-14 18:53:10
当组件状态改变时，它会触发组件重新渲染(如果在shouldComponentUpdate()中没有设置为忽略)。
更改实例属性不会触发重新呈现。
Stack Overflow用户
发布于 2017-09-14 18:54:30
两者的简单区别是视图部件渲染。例如:当State为update时，视图也会更新。有时视图不需要重新加载，我们可以像您提到this.name那样将值存储在组件实例中。
只需查看以下链接即可了解有关状态和实例https://medium.freecodecamp.org/where-do-i-belong-a-guide-to-saving-react-component-data-in-state-store-static-and-this-c49b335e2a00的更多信息
Stack Overflow用户
发布于 2017-09-14 18:54:32
这取决于您的需求，您在其中存储的数据类型。
当任何状态变量更新时，react调用render在DOM元素中进行更改，因此如果您想在DOM中进行任何更改，则应使用state。
当前的最佳实践是使用本地状态来处理用户界面(UI)状态的状态，而不是数据。
和实例属性当您只想保存一些数据以便在UI处理、计算等中使用时，请查看此参考react-components-elements-and-instances以了解更多详细信息
https://stackoverflow.com/questions/46216965
复制相似问题
腾讯云开发者
