Wie JavaScript-Code zu schreiben, in HTML Reagieren Attribute in JS

Question

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

Ich weiß, dass oben Attribute loadingMessage Wert syntaktisch falsch ist. Aber mein Bedürfnis ist, ich muss das programName vom Zustand bekommen und an loadingMessage Attributwert anfügen. Wie kann ich das machen? Jede Hilfe wird geschätzt.

Answer 1

Sie können Javascript innerhalb der geschweiften Klammern schreiben, verketten Sie einfach die Zeichenfolge dort.

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

oder verwenden Sie eine template literal:

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