在 React 中使用自定义类型道具

Question

我有一个看起来像这样的类型：

type MyType = string;

然后我想限制一个道具只接受MyType，而不是常规字符串或其他任何东西。

但即使我这样输入：

interface MyProps
{
   key: MyType
}

该组件仍然接受将常规字符串作为参数。我想这是因为 MyType 等于一个字符串。

<MyComponent key="regularstring" />

如何使组件只接受“MyType”类型的字符串？

Answer 1

需要为类型提供显式字符串。例如

type MyType = 'myType';

这将只接受 myType 的密钥