React的核心思想

  • Z时代
  • 2024-01-10
  • 分类：综合

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/

以上是 React的核心思想 的全部内容， 来源链接： utcz.com/z/384228.html

回到顶部