hooks

Posted 2021-09-04 老张在线敲代码

hooks介绍

react中的hook是react16.8版本更新以后增加的新特性新语法
可以让函数组件使用state以及生命周期等新特性

hooks组件模板

import React, { useState } from 'react';

const View = (props) =>{
  return （
	<div></div>
	）
}
export default View;

常用api：

state让函数组件拥有react得状态
useState（）

语法 const 【value，setValue】=useState（初始值）

参数：第一次初始化的值存到内部缓存
返回值：包含俩个元素的数组，第一个是当前内部的state，第二个是更新state值得函数

setValue得俩种写法:

setValue（newValue）参数是非函数值，直接指定新的state，内部永新值覆盖掉旧值
setValue（value=>newValue）参数是函数形式，接受原本的state，返回新的state，内部用新的值覆盖旧值**