react inline function in jsx in one line

Question

Just curious is it possible to do this? I know I can create a method that wrap these 2 things together but I would like to do it in one line.

<div onClick={e => this.callnotherMethod(); this.setState({toggleView: !this.state.toggleView})/>Something</div>

pumbo · Accepted Answer · 2017-05-05 03:55:08Z

3

Yes, you can. But in your example you forgot to wrap function's body in {}

e => { this.callnotherMethod(); this.setState({toggleView: !this.state.toggleView}) }

answered May 5, 2017 at 3:18

pumbo

3,9162 gold badges29 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I think your first answer was correct, no need to that as you are already using arrow functions for binding

@ShubhamKhatri you're right! I totally missed it )) Thanks.