Toggle Message

The Message component contains an anchor element and a paragraph below the anchor. Rendering of the paragraph should be toggled by clicking on the anchor element using the following logic:

  • At the start, the paragraph should not be rendered.
  • After a click, the paragraph should be rendered.
  • After another click, the paragraph should not be rendered.

Finish the Message component by implementing this logic.

HTML5, CSS3, React v18 (available as React and ReactDOM)
Loading...
Loading...

Tags

  • React
  • Conditional Rendering
  • Event Handling
  • Managing State
  • Public
  • Easy

Information

Difficulty: Easy

Duration: 10 min

Author: Josip Kremenić

Score Distribution

Not enough data for chart.

Would you like to see our other questions?

We have 1000+ premium hand-crafted questions for 160+ job skills and 20+ coding languages. We prefer questions with small samples of actual work over academic problems or brain teasers.

Would you like to see our tests?

The following tests contain React related questions:

On the blog

Since we're all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they've been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts...