React

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);

代码:

效果:

参考网址:

元素渲染 - React

上一篇下一篇

猜你喜欢

热点阅读