本文共 997 字，大约阅读时间需要 3 分钟。

注意 ：react hook 是react新版本更新之后出现的内容，老版本不支持

哪种情况需要使用hook呢？

创建组件有两种方式，如果你不是class创建的组件而是function创建组件，你可能用得上

hook具体怎么使用？

目前hook中常使用的是useState和useEffect 这两个方法。

import {   useState, useEffect} from "react";

第二步 创建组件

const ChangeCount = () => {   // useState方法直接调用，返回值第一个是传入的参数，第二个是改变参数的方法，一个组件可以调用多次const [count, setCount] = useState(0)//count就是useState传入的参数，这里是0，它还可以是对象，数组，boolean，string等//setCount相当于class中的setState，不同的是，setCount只能用来改变count。// useEffect 方法用来监听组件内数据的改变，相当于class中componentDidMount和componentDidUpdate的结合，一个组件只能调用一次useEffect(() => {     console.log("渲染了")  document.title = `累计count为${   count}`})return (  
   
    
     {   setCount(count + 1)}}> +     
    {   count}
     {   setCount(count - 1)}}> -   
   
);};

如果你在使用的过程中，遇到了这样的报错

React Hook “useState” is called in function “changeCount” which is neither a React function component or a custom React Hook function