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