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

How to write JavaScript code inside html attributes in React JS