将this.state.someData保存在变量中是否更好，而不是直接在渲染中进行refferring状态？

Question

像这样：

render() {
   let data = this.state.data;

   return(
       <div prop={data} />
   );
}

有什么不同之处吗？而不是仅用data替换this.state.data？

Answer 1

这是一种很好的方法，可以缩短state或props或任何其他嵌套对象所需的变量。
我发现这个功能需要的数据更易读，更容易理解 我在所有函数中都遵循这种模式（实际上有点不同的模式，而不仅仅是render。

您可以使用ES6 Destructuring feature使其更简洁：

 render() {
   const {data, otherData} = this.state;

   return(
       <div prop={data} otherProp={otherData} />
   );
}

表现明智，没有区别。