Render the react elements

Tell us what’s happening:

Your code so far

const JSX = (

Hello World

Lets render this to the DOM

ReactDOM.render()
); // change code below this line
ReactDOM.redner(JSX,getElementById("challenge-node"));

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:
https://www.freecodecamp.org/learn/front-end-libraries/react/render-html-elements-to-the-dom

What is your question?

@RandellDawson
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 = (
  <div>
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
    ReactDOM.render();
  </div>
  );
// change code below this line
<div id='challenge-node'>

</div>
ReactDOM.render(JSX,document.getElementById('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.

markdown_Forums

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.**

yaaay!!!

finally i found my mistake

thank you