ReactJs 第三章 React元素的渲染

什么是React元素？又是什么时候进行渲染？

        在jsx文件中我们定义的每一个Jsx代码都为React元素，如最简单的 const ele = <h1>Hello World</h1>; 在上一章我们知道React会通过Bable将其进行编译转换。同样我们存在疑问，React是什么时候进行将元组进行渲染到页面上的，在Rreact中 ，Rreact使用ReactDOM.render(jsxEle,rootDom);方法进行渲染的。

在React中，定义的元素都是不可变的，每次渲染后，如果没有其他逻辑更新页面则是完全不变的，除非我们再次进行render函数调用进行渲染，如下代码，在如果只执行一次timeRun函数页面内容将不会改变，只有在调用定时函数之后页面时间才会进行更新渲染，在官网介绍中React在更新时都是会进行内容比较的，只更新内容改变的部分，而不是整个页面。

import React from 'react';
import ReactDOM from 'react-dom';


function timeRun(){
	const ele = (
			<div>
				Time is :{new Date().toLocaleTimeString()}
			</div>
	);
	
	ReactDOM.render(ele,document.getElementById('root'));
}
//timeRun();
setInterval(timeRun,1000);