是不是在变量中保存this.state.someData，而不是直接在render中引用state？

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} />
   );
}

性能方面，没有区别。

Is it better to save this.state.someData in variables, instead of refferring to state directly in render?