如何在 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>
);

或使用模板文字：

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