React - Add Comments in JSX

[mahassan]

I have tried 2 variations but none of it is working.
Describe your issue in detail here.

<div>
{/**/}
  <h1>This is a block of JSX</h1>
  <p>Here's a subtitle</p>
</div>
</div>

const JSX = (
<div>
{/*
  <h1>This is a block of JSX</h1>
  <p>Here's a subtitle</p>
</div>
*/}
</div>
);

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: React - Add Comments in JSX

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

HI @mahassan !

In the starter code, there is only one div element.
This first example, it looks like you were trying to add two end div tags

@mahassan

<div>
{/**/}
  <h1>This is a block of JSX</h1>
  <p>Here's a subtitle</p>
</div>
</div>

I would reset the lesson and just place the comment above the h1 and it should pass

[mahassan]

I did like in the second example but nothing.

[jwilkins.oboe]

If you are referring to this second example here, then that is incorrect

@mahassan

const JSX = (
<div>
{/*
  <h1>This is a block of JSX</h1>
  <p>Here's a subtitle</p>
</div>
*/}
</div>
);

The lesson doesn’t want you to comment out the JSX.

The lesson wants you to add a comment tag, somewhere inside the div element.

You were close with your first example you posted, but you had two </div> tags.

This part is correct

@mahassan

<div>
{/**/}
  <h1>This is a block of JSX</h1>

Just make sure not to alter anything else

[mahassan]

@jwilkins.oboe

You were close with your first example you posted

After many attempts I did it. Thank you so much.