freeCodeCamp Challenge Guide: Create a Complex JSX Element

Create a Complex JSX Element


Hints

Hint 1

Nested JSX must return a single, top level element

Hint 2

Ensure your solution has a parent div containing an h1, a p, and an unordered list (ul) that contains three li items


Solutions

Solution 1 (Click to Show/Hide)
const JSX = <div>
  <h1>Heading.</h1>
  <p>Paragraph</p>
 <ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
</div>;  
4 Likes