Deviopath › React

Star Rating

Medium · State

Build a 5-star rating.

Render 5 <button> stars and a <p> with the rating, starting at "0 / 5". Clicking the 3rd star sets the rating to 3: the <p> shows "3 / 5" and the first 3 buttons get className="filled".

Clicking the star that is already the current rating clears the rating back to 0.

Next: Accordion