React的书写中分为函数组件和类组件 两种组件中代码的书写格式有不同,首相在类组件中我们使用所有的数据和方法都要加上this指向。类外我们有一个专门用来管理数据的函数,名为state其中可以定义所有的变量。另外通过setState的方式来修改所有state中的数据。
函数组件中使用了useState一个官方提供的hook来修改数据其中声明方式如下图
其中list是当前数据的变量负责渲染使用,后面的setList是负责控制前面list的方法useState括号中是list的初始值
之后类组件中我们有几大生命周期 主要可以分为挂载 更新 卸载
componentDidMount 方法会在组件已经被渲染到 DOM 中后运行,React中推荐我们在此生命周期中请求数据 componentWillUnmount 主要负责卸载 componentWillUpdate 主要负责更新
函数组件中没有生命周期 我们可以使用useEffect来模拟类组件中的生命周期
当前书写模式替代componentDidMount
当中括号中监听数据之后当前就为更新期 代替componentWillUpdate、
在Dom中我们直接使用{}渲染元素其中循环渲染 官方推荐我们使用map进行循环