react reset state function式写法

在 React 中，使用函数组件（Function Component）的方式定义组件，可以使用 `useState` 钩子函数来定义组件状态（state）。

要重置函数组件的状态，可以调用 `useState` 钩子函数返回的 `setState` 函数，将状态设置为初始值。例如：

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);

  function resetState() {
    setCount(0);
  }

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      <button onClick={() => resetState()}>Reset</button>
    </div>
  );
}

在这个例子中，`useState` 钩子函数返回一个数组，第一个元素是当前状态值，第二个元素是更新状态的函数。`resetState` 函数调用 `setCount` 函数将计数器状态值重置为 0。

这里使用函数式组件的写法，可以更简洁地定义组件，同时使用钩子函数 `useState` 定义状态值，避免了使用类组件时需要在 `constructor` 中初始化状态值的繁琐过程。