前端自学记录03 React

129 阅读1分钟

React核心:元素与组件

React 元素是不可变对象。一旦被创建,你就无法更改它的子元素或者属性。一个元素就像电影的单帧:它代表了某个特定时刻的 UI。

根据我们已有的知识,更新 UI 唯一的方式是创建一个全新的元素,并将其传 入 ReactDOM.render()

React DOM 会将元素和它的子元素与它们之前的状态进行比较,并只会进行必要的更新来使 DOM 达到预期的状态。

JSX JS在React里的扩展包

前面声明,然后后面大括号括起来引用:

image.png

image.png

image.png

  • 组件&Props 组件名称必须以大写字母开头。

image.png

image.png

image.png image.png

所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。• Useful for parent components to pass data to children。 Class 组件应该始终使用 props 参数来调用父类的构造函数。

当然,应用程序的 UI 是动态的,并会伴随着时间的推移而变化。而state 允许 React 组件随用户操作、网络响应或者其他变化而动态更改输出内容。

• Values in the state should ONLY be updated using this.setState()

image.png