What React skills does "Build an Accordion" practice?

This challenge practices: useState, conditional rendering, lists. It is rated easy difficulty and takes approximately 15 minutes.

What are the hints for "Build an Accordion"?

Track the active section id with useState (null) Toggle by checking: if activeId === clickedId, set to null; otherwise set to clickedId Use conditional rendering: activeId === section.id &&

easy15 min

Build an Accordion

Build an accordion component where clicking a section header expands or collapses its content. Only one section should be open at a time. This tests your ability to manage state that controls which item is active.

Skills

useStateconditional renderinglists

Tests

Renders all section headers
No content is visible initially
Clicking a header opens its content
Clicking an open header closes it
Only one section is open at a time

Your Code

Loading editor...