将react元素渲染到页面上

渲染react元素

在第一个例子中就已经接触过了

1. 首先定义react元素

const element = <div>Hello React</div>

2. 使用ReactDOM.render方法将元素显示在页面上

ReactDOM.render(element, document.getElementById('app'))

更新react元素

react元素是不可变的，不能修改它的子元素和属性（不知道怎么理解）
到目前为止，我们更新元素只能新建一个element，通过ReactDOM.render渲染至页面中来达到更新目的。

react更新只更新需要更新的部分

604402831-58ae3fd72217c_articlex.gif