admin管理员组

文章数量:1394990

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

I know that above attribute loadingMessage value is syntactically wrong. But my need is, I need to get that programName from state and append to loadingMessage attribute value. How can I do this? Any help will be appreciated.

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

I know that above attribute loadingMessage value is syntactically wrong. But my need is, I need to get that programName from state and append to loadingMessage attribute value. How can I do this? Any help will be appreciated.

  • javascript
  • reactjs
  • jsx
Share Improve this question edited Apr 19, 2016 at 0:11 Unheilig 16.3k193 gold badges70 silver badges101 bronze badges asked Apr 18, 2016 at 22:58 Chetan MotamarriChetan Motamarri 1,2442 gold badges12 silver badges16 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 5

You can write javascript inside the curly brackets, just concatenate the string in there.

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

or use a template literal:

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

本文标签： reactjsHow to write JavaScript code inside html attributes in React JSStack Overflow

版权声明：本文标题：reactjs - How to write JavaScript code inside html attributes in React JS - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744110404a2591265.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。