Create a Complex JSX Element help i'm stuck

JavaScript
1

Tell us what’s happening:

Your code so far


// write your code here
const JSX = <div>

<p> </p>



</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:

2

Tell us what’s happening:

Your code so far


// write your code here
const JSX = <div>{
<h1>
<p>
<ul>
<li> one</li>
<li>two</li>
<li> three</li>
</ul>
</p>
</h1>
}
</div>;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react/create-a-complex-jsx-element

3

I have merged your topics. Please do not create multiple topics for the same issue.

4

You’re <div> tags need to be in the brackets

5

i have already given the brackets

6

Read the challenge carefully!

  1. h1, p , ul with li tags should be inside the div tag
  2. then put the div inside parentheses and try to submit again :slight_smile:
1 Like
7

But your Div’s are in the wrong place.

1 Like