Spread an object as props — practice exercise

What you'll be asked to do

1. 1.Spread an object as propsexercise · easy · 10 min

   Pass every field of an object as a separate prop.

   Passes when: #root should show Ada engineer.

2. 2.Collect the restexercise · easy · 10 min · practice plan

   Take one prop by name and pass the rest to the element.

   Passes when: #root should show Save.

3. 3.Override after the spreadexercise · easy · 10 min · practice plan

   Spread the defaults, then override one prop.

   Passes when: #root should show override wins.

4. 4.Forward a classNameexercise · medium · 10 min · practice plan

   Let a caller add a class while keeping the component's own.

   Passes when: div.card.wide should show styled.

5. 5.Forward a handlerexercise · medium · 10 min · practice plan

   Pass an onClick through to the underlying button.

   Passes when: #msg should show clicked.

6. 6.Fix the object passed wholebug fix · easy · 8 min

   Passing the object as one prop is not the same as spreading it.

   Passes when: #root should show Ada engineer.

7. 7.Fix the spread in the wrong orderbug fix · easy · 8 min · practice plan

   The spread comes last, so it overwrites the explicit prop.

   Passes when: #root should show override wins.

8. 8.Fix the rest props never forwardedbug fix · easy · 8 min · practice plan

   The extra props are collected but never reach the element.

   Passes when: The button should receive type=submit.

9. 9.Fix the className that replaces instead of addingbug fix · medium · 8 min · practice plan

   Forwarding a class should keep the component's own class too.

   Passes when: The div should have both card and wide.

10. 10.Fix the handler swallowed by the wrapperbug fix · medium · 8 min · practice plan

    The wrapper defines its own onClick, so the forwarded one never runs.

    Passes when: Clicking should show clicked.

Between them these tasks cover Spread, Rest props and Forwarding.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.