如何在React JS中的html屬性中編寫JavaScript代碼

Question

return(
    <div> 
    <Loading loadingMessage="Running "{this.state.programName}" program"/> 
    </div> 
); 

我知道上面的屬性loadingMessage值在語法上是錯誤的。但我的需要是，我需要從狀態programName並追加到loadingMessage屬性值。我怎樣才能做到這一點？任何幫助將不勝感激。

Answer 1

您可以在大括號內寫入javascript，只需將字符串連接在那裏。

return(
<div> 
    <Loading loadingMessage={"Running " + this.state.programName + " program"}/> 
</div> 
); 

或使用template literal：

<Loading loadingMessage={`Running ${this.state.programName} program`}/>