初学react hook之useState

一、我们平常在使用state状态时都是需要用到class组件，那么这期我就学习了一个hook，useState,它的作用就是在函数组件中使用state，这样子我们就不需要每次都写class组件才能达到你想要的目的了，上代码。

import React, { useState } from 'react';
function Example() {
  // 声明一个叫 “count” 的 state 变量
  const [count, setCount] = useState(0); 
}

从代码上看，声明了一个数组，数组有两个参数，然后useState里的参数就是对变量count的初始化了，那么你就会纳闷setCount呢？干啥用的啊。其实useState是返回两个参数的，第一个参数就是初始化count的值，另外一个是一个操作state的方法，只是上面代码没写出来而已，那么我们怎么用呢？

function Example() {
  // 声明一个叫 “count” 的 state 变量
  const [count, setCount] = useState(0); 
  return(
  <div>
     //使用count
     <p>You clicked {count} times</p>
     //使用setCount
     <button onClick={() => setCount(count + 1)}>
    Click me
  </button>
  </div>
  )
}

上面我们就在函数组件中使用了useState来使用了state和操作state了，有时候这样子用起来也是比较舒服的，简洁明了，有时候在项目中你会看到别人这么用，到自己写的时候就不知道为啥了，看到这，我相信你已经懂了。