如何在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`}/>