React JSのhtml属性内にJavaScriptコードを書く方法

Question

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

私は上記の属性が構文的に間違っていることを知っています。しかし、私の必要性は、programNameを状態から取得し、loadingMessage属性値に追加する必要があります。これどうやってするの？どんな助けもありがとう。

Answer 1

あなたはただそこに文字列を連結し、中括弧内のJavaScriptを書くことができます。

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

またはtemplate literalを使用します。

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