React JSX：Cache Props？

Question

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

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

props只是JavaScript对象的属性 - 而不是getter函数，因此性能不应有任何显着差异。

Answer 2

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