Hacker News Reader

Comment by nbclark | Hacker News Reader

One note: From what I've read, using arrow functions as props in a render method of a component will create new functions each render, so you might end up with a good bit more GC than normal. There are some nice little mix-ins that will autobind to remove the need to remember to .bind everything.

View on HN

Nowadays you can just stick a class property anywhere in your React component:

   handleSomething = (params) => {
     ...
   };

and the use it in your render function like this without any binding:

  <Foo onSomething={this.handleSomething}/>

Good suggestion - Thank you

Yes, class properties are the way to go.

Not using arrow functions in JSX code to define error handler. Yes, I believe you are right, that would create multiple handlers.

Reply on news.ycombinator.com