打字稿：类型“字符串”不可分配给自定义类型答案

【问题标题】：Typescript: Type 'string' is not assignable to custom type打字稿：类型“字符串”不可分配给自定义类型
【发布时间】：2019-07-12 05:03:18
【问题描述】：

我有这样的类型，

interface StyleProps {
  display?: 'hide' | 'active'
}

并且该类型正在被下面的组件使用

<Section display={`${this.state.section !== 'chatbot' ? 'hide' : 'active'}`}>

display 只能是 hide 或 active 但我仍然收到此错误

 TS2322: Type 'string' is not assignable to type '"hide" | "active" | undefined'.

有什么方法可以查看display 中的内容或我做错了什么？

【问题讨论】：

【解决方案1】：

如果您删除模板文字并直接传入'hide' 或'active'，则可以消除此错误。

<Section display={this.state.section !== 'chatbot' ? 'hide' : 'active'}>

【讨论】：