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>
);
}
});
The props are just properties on a JavaScript object – not getter functions, so there shouldn't be any noticeable difference in performance.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With