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 React by Example Building the Application Writing a Handler to Confirm Guests

Waqar Ashraf
Waqar Ashraf
3,743 Points
Posted by Waqar Ashraf
Waqar Ashraf
3,743 Points

returning object 

toggleConfirmationat = (indexTochange) => {
        this.setState({
            guests: this.state.guests.map((guest, index) => {
                if (index === indexTochange) {
                    return
                     {
                        ...guest,
                        isConfirmed: !guest.isConfirmed
                    }
                }
            })
        })
    };

Hi i on line 5 if i put curly brace in next line to return i get error and if i put very next to return i do not get error can please any one tell me the reason ?

1 Answer

Jesus Mendoza
Jesus Mendoza
23,288 Points
Jesus Mendoza
Jesus Mendoza
23,288 Points

That's because the JavaScript compiler adds a semi colons after some keywords like return, so in this case when it sees the return keyword and adds a semi colon to the end of it then the function returns without executing the rest of the code and returning undefined.