React基础-元素渲染
2019-02-22 本文已影响0人
Galette_LJ
当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);
代码:
![](https://img.haomeiwen.com/i15520545/dd1a0734743443f3.png)
效果:
![](https://img.haomeiwen.com/i15520545/acefe8a212a71894.png)
参考网址: