**Note**: Using an arrow function or binding in render creates a new function each time the component renders, which may have performance implications (see below).
>**Note:**
>
>Using `Function.prototype.bind` in render creates a new function each time the component renders, which may have performance implications; (see below).
#### Arrow Function in Render
#### Arrow Function in Render
@ -77,7 +79,9 @@ class Foo extends Component {
}
}
```
```
**Note**: Using an arrow function or binding in render creates a new function each time the component renders, which may have performance implications (see below).
>**Note:**
>
>Using an arrow in render creates a new function each time the component renders, which may have performance implications; (see below).
### Is it OK to use arrow functions in render methods?
### Is it OK to use arrow functions in render methods?
@ -85,7 +89,7 @@ Generally speaking, yes, it is OK, and it is often the easiest way to pass param
If you do have performance issues, by all means, optimize!
If you do have performance issues, by all means, optimize!
### Why is my function being called every time the component re-renders?
### Why is my function being called every time the component renders?
Make sure you aren't _calling the function_ when you pass it to the component:
Make sure you aren't _calling the function_ when you pass it to the component: