我想知道在 JSX 标签内混合字符串值和变量的最佳实践是什么,我列出了我熟悉的选项:
render() {
const {totalCount} = this.state;
const totalCountStr = `Total count: ${totalCount}`;
return (
<div>
<h1>Total count: {totalCount}</h1> // 1
<h1>`Total count: ${totalCount}`</h1> // 2
<h1>{totalCountStr}</h1> // 3
</div>
);
}
以不同方式使用它们的最佳实践或用例是什么?
Thanks!
React JSX 目前不支持模板文字。正确的做法是这样的:
<h1>Total count: {this.state.totalCount}</h1>
Edit:您的第三种方法也是正确的,但我个人不会推荐它,因为调试问题,因为您需要在代码扩展时扫描括号
<h1>{`Total count: ${this.state.totalCount}`}</h1>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)