The props
are just properties on a JavaScript object – not getter functions, so there shouldn't be any noticeable difference in performance.
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>
);
}
});
Solution
OTHER TIPS
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.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow