# React Hooks

# 页面展示

# 页面地址

页面预览

# 代码仓库

ReactHooks

# 项目介绍

  • 1、ReactHook介绍

useState 初始化两个状态,value、values分别代表每次输入的值和总共值的数组集合

可以将单个值的初始值设为字符串也可以设置为对象,设置为对象的话对后面的操作更方便,可以设置每个值的状态,并通过改变状态判定当前是否选中,以此改边当前选中的样式。

在input中可以通过onChange(e){} , e.target.value 来获取值,并且设置到input的value中,达到受控组件的目的

也可以通过useRef这个api,

const inputEl = useRef(null);

# API学习

  • useState

  • useEffect

  • useRef

  • useReducer

  • useContext