Help me reactjs

JavaScript
1

Tell us what’s happening:

Your code so far
ReactDOM.render(
const JSX = (

Hello World

Lets render this to the DOM

document.getElementBy('challenge-node') ); 

ReactDOM.render(
const JSX = (
<div>
  <h1>Hello World</h1>
  <p>Lets render this to the DOM</p>
</div>
document.getElementBy('challenge-node')
);

// Change code below this line

Your browser information:

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

Challenge: Render HTML Elements to the DOM

Link to the challenge:

2

Reviewing the challenge description it states that:

ReactDOM.render(componentToRender, targetNode) , where the first argument is the React element or component that you want to render, and the second argument is the DOM node that you want to render the component to.

So you need two arguments to pass to that function.
In your case you have a const declaration followed by the getElement statement, but no comma to separate those arguments.

Your code should look more like:

const myElem = <...whatever >
const target = <...whatever>

ReactDOM.render(myElem, target)

Hope it helps :slight_smile:

2 Likes