将this.state.someData保存在变量中而不是直接在渲染状态下更好吗？

Question

像这样：

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

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

是否有差异性呢？而不是用this.state.data替换data？

Answer 1

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

可以使用ES6 Destructuring feature，使之更加简洁：

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

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

明智的性能，没有差异性。