想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render():
例1、
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));
例2、
ReactDOM.render( < h1 > hello < /h1>,document.getElementById('root'))
例3、更新已渲染的元素
//src/index.js
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
<h2>It is {new Date().toLocaleTimeString()}.</h2>
</div>
);
ReactDOM.render(element, document.getElementById('root'));
}
setInterval(tick, 1000);