freeCodeCamp/guide/english/certifications/front-end-libraries/react/create-a-complex-jsx-element/index.md

title

title
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>;