javascript - 如何在React JS中的html属性内编写JavaScript代码

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

我知道上述属性loadingMessage的语法错误。但是我需要的是，我需要从状态获取该programName并将其附加到loadingMessage属性值。我怎样才能做到这一点？任何帮助将不胜感激。

最佳答案

您可以在大括号内编写javascript，只需将其中的字符串连接起来即可。

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

或使用template literal：

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