react_perf/jsx-no-new-function-as-prop Perf ​
What it does ​
Prevent Functions that are local to the current method from being used as values of JSX props.
Why is this bad? ​
Using locally defined Functions as values for props can lead to unintentional re-renders and performance issues. Every time the parent component renders, a new instance of the Function is created, causing unnecessary re-renders of child components. This also leads to harder-to-maintain code as the component's props are not passed consistently.
Example ​
Examples of incorrect code for this rule:
jsx
<Item callback={new Function(...)} />
<Item callback={this.props.callback || function() {}} />Examples of correct code for this rule:
jsx
<Item callback={this.props.callback} />