React学习笔记(二)元素渲染

元素是构成 React 应用的最小单位。
元素用来描述你在屏幕上看到的内容。

const element = 

hello world

;//元素element ReactDOM.render( element, document.getElementById('example') );
在Index中添加id="example"的div

id="example">
此div的所有内容由ReactDOM管理,将之称为根DOM节点。

React 开发应用时一般只会定义一个根节点。但如果你是在一个已有的项目当中引入 React 的话,你可能会需要在不同的部分单独定义 React 根节点。
要将React元素渲染到根DOM节点中,我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上:


更新元素渲染

计时器
React元素是不可变的,当元素创建后无法改变其内容和属性,一个元素就好像是动画里的一帧,它代表应用界面在某一时间点的样子。
function tick() {
    const element = (
        

hello world

现在是 {new Date().toLocaleTimeString()}.

); ReactDOM.render( element, document.getElementById('example') ); } //通过setInterval方法,每秒钟调用一次ReactDOM.render setInterval(tick,1000);

你可能感兴趣的:(React)