React JSX: Cache Props?

Question

When accessing the same props value multiple times in React/JSX, is it advisable to cache the object in a local variable?

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

The props are just properties on a JavaScript object – not getter functions, so there shouldn't be any noticeable difference in performance.

Answer 2

If you find it more convenient, you're free to do that but there's little to no performance benefit from doing so. Object property accesses are generally very fast.