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:
It should be inside the div.
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>
);
system
Closed
November 15, 2022, 6:10am
7
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.