小编Rex*_*Rex的帖子

这有一个简单的解决方法，但我是一名学生，正在尝试学习打字稿。感谢您的帮助。

我正在尝试将一些自定义挂钩转换为打字稿

import { useState } from 'react';

export default function useToggle(defaultValue: Boolean = false) {
  const [value, setValue] = useState(defaultValue);
  const toggleValue = (value?: boolean) => {
    setValue((currentValue) =>
      typeof value === 'boolean' ? value : !currentValue
    );
  };
  return [value, toggleValue] as const;
}

ToggleValue 的类型是 Boolean | 不明确的。我想将它用作 onClick 并仅发送默认切换的功能。这在不使用打字稿时有效。我认为这是因为onClick可以接受未定义但不能接受可选的布尔值。

      <button onClick={toggleValue}>toggle</button> {/* MAKE ThIS WORK? */}
      <button onClick={() => toggleValue(true)}>set True</button>
      <button onClick={() => toggleValue(false)}>set False</button>

使用 Typescript，即使不提供参数，我也需要将其编写为回调

<button onClick={()=>toggleValue()}>toggle</button>