reactjs - React JSX：缓存道具？

Question

props在 React/JSX 中多次访问相同的值时，是否建议将对象缓存在局部变量中？

var ItemComponent = React.createClass({

  render: function() {

    var cached = this.props.item;

    return (
      <div className={cached.class}>
        <h1>{cached.heading}</h1>
        <p>{cached.text}</p>
      </div>
    );
  }
});

Answer 1

它们只是 JavaScript 对象的props属性，而不是 getter 函数，因此在性能上应该没有任何明显的差异。

Answer 2

如果您发现它更方便，您可以自由地这样做，但这样做几乎没有性能优势。对象属性访问通常非常快。