Render the react elements

Tell us what’s happening:

Your code so far

const JSX = (

Hello World

Lets render this to the DOM

); // change code below this line

Your browser information:

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

Challenge: Render HTML Elements to the DOM

Link to the challenge:

What is your question?

i have started learning React a few days before.
i have stucked in the 4th lesson about rendering the html elements to the dom.

const JSX = (
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
// change code below this line
<div id='challenge-node'>


this is my code segemnt.
can you help me

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


Why did you add the above line?

There is a comment which states // change code below this line. You should not be changing or adding anything above that line. That lines is not valid JSX.

let me check one more time
and i will get back to you

bu i have an instruction saying ** As you would expect, ReactDOM.render() must be called after the JSX element declarations, just like how you must declare variables before using them.**


finally i found my mistake

thank you