JSX和Typescript中的字符串文字类型转换

Question

将字符串转换为字符串文字时遇到问题。

字符串文字的定义如下：

type myLiteral = "cats" | "dogs"

然后，我有一个组件，我想通过“输入的”字符串传递类型。

const myString:string = "cats"
const notQuiteSure:any = myString as myLiteral

React.createComponent(<myComponent inputtedType={notQuiteSure}/>

我到处都在曲折。我尝试使用as关键字和is关键字进行“投射”，但似乎无济于事。

任何人都知道如何进行这项工作吗？

Answer 1

尝试这样

    <div>abc</div>