React基础-元素渲染

当React元素被创建之后，是无法改变其内容或属性的。

一个元素就好像是动画里的一帧，它代表应用界面在某一时间点的样子。

根据我们现阶段了解的有关React的知识，更新界面的唯一办法是创建一个新的元素，然后将它传入ReactDOM.render()方法

//定义一个函数

function tick() {

    const element = (

        <div>

            <h1>Hello, world!</h1>

            <h2>It is {new Date().toLocaleTimeString()}.</h2>

        </div>

    );

    ReactDom.render(element, document.getElementById('root'));

}

//制定一个定时器，每隔一秒执行一次tick函数

setInterval(tick, 1000);

代码：

效果：

参考网址：

元素渲染 - React