React的核心思想

• 数据来驱动界面更新（声明式渲染）
• 只要 数据 发生了改变，界面就会自动改变

之前写法

<div id='box'></div>

let message = 'BNTang';

const oDiv = document.querySelector('#div');
oDiv.innerText = message;

message = 'www.it6666.top';
oDiv.innerText = message;

• 上方的效果是自己手动设置新的值

用了React之后的写法

<div id='box'>{message}</div>

let message = 'BNTang';
message = 'www.it6666.top';

• 上面的两个例子，是想说明，第一种数据改变了页面不会改变，第二种是数据改变了页面也会跟着发生改变

• 当然 React 的语法并不是上面的语法我只是举个例子

组件化开发

• 组件化开发（乐高帝国）
• 将网页拆分成一个个独立的组件来编写
• 然后再将编写好的组件拼接成一个完整的网页

• https://cn.vuejs.org/images/components.png
• React官方地址：https://reactjs.org/