跳到主要内容

简述使用哪个Hook可以为函数组件添加state ?

参考答案:

使用 React.useState() 这个 Hook 可以为函数组件添加 state。useState 是 React 16.8.0 版本引入的一个新特性,允许在函数组件中使用 state 和其他的 React 特性。

useState 的语法如下:

const [stateVariable, setStateFunction] = React.useState(initialValue);

这里,stateVariable 是当前的 state 值,setStateFunction 是一个函数,用于更新这个 state 值。initialValue 是 state 的初始值。

例如,你可以这样使用 useState

import React, { useState } from 'react';

function Example() {
  // 声明一个新的 state 变量,名为 "count",初始值为 0
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

在这个例子中,count 是一个 state 变量,setCount 是一个用于更新 count 的函数。每次用户点击按钮时,count 的值就会增加 1。