JSX COMMENT is getting added but test cases are not getting passed

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

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

Challenge: Add Comments in JSX

Link to the challenge:

You have to use the JSX comment, in such a way that the h1 and p elements are not modified. Do you can try using the comment without it affecting the p and the h1 element but at the same time it should be inside the div element.

I would reset the lesson and do from the beginning.

What i am doing is -
const JSX = (

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

<p>Here's a subtitle</p>

*/}

);

please let me know where should i add comment tag

You have to add the comment in such a way that:

  1. It should be inside the div.
  2. The comment should not affect the h1 and p element.

That means there should be a comment in the div but the h1 and p elements should not be commented.

You seem to have deleted the div, you need the div to pass the tests.

I would reset the challenge and start from the beginning

Now it has been worked

const JSX = (

  <div>{/**/}

    <h1>This is a block of JSX</h1>

    <p>Here's a subtitle</p>

  </div>

);

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.