打字稿：類型“字符串”不可分配給自定義類型

Question

我有這樣的類型

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或我做錯了什么嗎？

Answer 1

如果刪除模板文字並直接傳遞'hide'或'active'則可以消除此錯誤。

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