javascript - 未处理的 promise 拒绝 [错误 : Got an invalid value for 'component' prop for the screen 'LocationType' . 它必须是有效的 React 组件。]

Question

所以我试图将字符串转换为枚举类型并将其用作 useState 中的类型:

来自

const [someType, setSomeType] = useState<"water", "air", "fire">("water")

这很好用，但是当我尝试将其转换为枚举类型时

export enum SomeType {
  WATER,
  AIR,
  FIRE,
}
  const [someType, setSomeType] = useState<SomeType>(SomeType.WATER)

这会抛出错误

未处理的 promise 拒绝 [错误:屏幕“SomeType”的“组件” Prop 的值无效。它必须是一个有效的 React 组件。]

其他方法我也试过

const [someType, setSomeType] = useState<SomeType.WATER | SomeType.AIR | SomeType.FIRE>(SomeType.WATER)

但是错误是一样的，我是不是遗漏了什么？

Answer 1

我自己没有尝试过，所以不确定它是否有效，但您可以尝试:

enum Example {}

...

const [type, setType] = useState({} as Example)