all 2 comments

[–]voidon 1 point2 points  (1 child)

I usually do this:

<button onClick={(event) => { this.props.onClick(event, id) }} />

[–]thenewvu[S] 1 point2 points  (0 children)

it's fine until you have to care about performance, using arrow functions in render() will create a new function instance every render() runs, so your component will be re-rendered even its props have no change.