react: hooks

react: hooks"/>

react: hooks

useState
useState的作用是是变量具有响应式，改变值页面可以同步变化

import { useState, useEffect } from "react";// 当前状态和一个让你更新它的函数 ；  参数为状态初始值
const [initLoading, setInitLoading] = useState(true);// 任意地方使用setInitLoading就可以更新这个状态了

useState修改的值不同同步的，所以无法立马拿到它的值，可以通过函数传递新的值

useEffect副作用函数
// 不传会陷入死循环
// 用第二个参数来告诉react只有当这个参数的值发生改变时，才执行我们传的副作用函数（即第一个参数）。
// 当我们第二个参数传一个空数组[]时，相当于只在首次渲染的时候执行

import { useState, useEffect } from 'react';
const [productName, setProductName] = useState(['all']);
const [productOptions, setProductOptions] = useState([]);
const useProductSelect = () => {// 获取所有历史版本号useEffect(() => {// 做很多事情，比如发请求，赋值// 发请求const fetchData = async()=>{const result = await axios('=today',);setProductName(result.data);// loading处理、错误处理（网络、服务器错误）}, [])return {productName, productOptions, setProductOptions, setProductName}
}