gpt4 book ai didi

reactjs - 如何使用字符串中的表达式插入 JSX?

转载 作者:行者123 更新时间:2023-12-03 12:57:01 30 4
gpt4 key购买 nike

希望实现以下目标:

<div className="total total-{obj.state}">

显然这会编译为:

<div class="total total-{obj.state}">

JSX 中是否有一种优雅的方式来计算字符串中 {} 中的表达式?

最佳答案

试试这个(ES5):

<div className={'total total-' + obj.state}>...</div>

或者使用 ES6+

<div className={`total total-${obj.state}`}>...</div>

请记住,{} 之间的所有内容都只是 Javascript,因此表达式为 'totaltotal-' + obj.state,即然后设置为DOM节点的类。

关于reactjs - 如何使用字符串中的表达式插入 JSX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30372538/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com