Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Customizing Your Project

Posted by Daniel Benisti
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Benisti
Front End Web Development Techdegree Graduate 22,224 Points

the arrow function

why there are parenthesis instead of curly brackets in the arrow function in minute 05:30

2 Answers

Alexander Davison
Alexander Davison
65,469 Points
Alexander Davison
Alexander Davison
65,469 Points

It is React syntax. In React, you put HTML-like code between ( and )

Daniel Benisti
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Benisti
Front End Web Development Techdegree Graduate 22,224 Points

thanks!

Unsubscribed User
Unsubscribed User
Courses Plus Student 10,097 Points

But shouldn't you have the arrow function use curly brackets and then use a return statement inside the function component?

polentz
seal-mask
.a{fill-rule:evenodd;}techdegree
polentz
Full Stack JavaScript Techdegree Student 11,755 Points
polentz
.a{fill-rule:evenodd;}techdegree
polentz
Full Stack JavaScript Techdegree Student 11,755 Points

I believe the return statement is implicit.

so instead of

()=>{ return ( //some jsx ) }

you omit the curly braces and return statement and and just use parenthesis to group together multiple lines of jsx in the return statement