Class组件
ES6 的加入让 JavaScript 直接支持使用 class 来定义一个类,react 创建组件的方式就是使用的类的继承,ES6 class 是目前官方推荐的使用方式,它使用了 ES6 标准语法来构建,看以下代码:
ES6 的加入让 JavaScript 直接支持使用 class 来定义一个类,react 创建组件的方式就是使用的类的继承,ES6 class 是目前官方推荐的使用方式,它使用了 ES6 标准语法来构建,看以下代码:
全局安装 create-react-app
介绍
使用 hooks 理由
React 起源与发展
初始化阶段
- 给标签设置 ref="username"
绑定事件
这样一个完整的函数式组件就定义好了。但要注意!注意!注意!组件名必须大写,否则报错。
非受控组件
props 是正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props
条件渲染
状态就是组件描述某种显示情况的数据,由组件自己设置和更改,也就是说由组件自己维护,使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理)
注意: `` 目前有助于: 识别不安全的生命周期 关于使用过时字符串 ref API 的警告 检测意外的副作用 检测过时的 context API
- 行内样式
父子组件通信方式