ts react usestate 传递时修改函数时类型定义

在 TypeScript 中，当你使用 useState 进行状态管理时，可以通过类型定义来传递修改函数的类型。下面是一个示例：

import React, { useState } from 'react';

type CounterProps = {
  initialCount: number;
};

const Counter = ({ initialCount }: CounterProps) => {
  const [count, setCount] = useState<number>(initialCount); // 传递初始状态的类型

  const increment = () => {
    setCount(prevCount => prevCount + 1); // 传递修改函数的类型
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
    </div>
  );
};

export default Counter;

在上面的示例中，我们使用 useState<number>(initialCount) 来指定 count 的类型为 number，并且通过 setCount 的修改函数参数 prevCount => prevCount + 1 来指定修改函数的类型为 (prevCount: number) => number。

这样，在组件中使用 useState 时，你就可以通过类型定义来确保状态和修改函数的正确类型传递。