Question

60

Why ReactJS ReactDom.render() doesn't render HTML tags?

rated 0 times [ 65] [ 5] / answers: 1 / hits: 17151 / 7 Years ago, mon, march 6, 2017, 12:00:00

why this code below doesn't work?

ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));

but this code works.

var elem = React.createElement('h1',{},Hello);

ReactDOM.render( elem, document.getElementById('root'));

Coming back to react after long time..trying looking into the web.. didn't found it deprecated ? then why its not working?

Update: My browser console displays syntax error over here

 ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));

UPDATE: Thanks for the help everything worked by adding the following line

<script type=text/babel>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tobyl

Add To Favorites

Follow

Total Points: 598

Total Questions: 110

Total Answers: 114

Location: Vietnam

Member since Sat, Feb 12, 2022

2 Years ago

answered 7 Years ago kaceyr · Accepted Answer

It is working, may be you are doing some other mistake, check this:

<script src=https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js></script>

<script src=https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js></script>

<script src=https://unpkg.com/babel-standalone@6/babel.min.js></script>



<div id='root'/>



<script type=text/babel>

    ReactDOM.render( <h1>Hello</h1>, document.getElementById('root'));

</script>