在jsx中加入变量，也就是所谓的动态变化的值，需要用 {} 括起来，若直接输入数组，则在显示的时候会直接显示数组中的元素，默认自动展开了，在一个标签变量中可以套用另一个标签，只需像使用变量一样用 {} 括起来即可；
var a = ‘1‘;
let b = [1, 2, 3, 4]
var bool = true
var name = "小明"
var aaa = <h1>sssss{name}</h1>
var span = <span>{a}
<div>
<ul>{b}</ul>
<li>{bool ? ‘hahha‘ : ‘wuwuwuwu‘}</li>
<input type="button" value={a}></input>
{aaa}
</div>
</span>;
ReactDOM.render(span, document.getElementById(‘demo1‘))
原文：https://www.cnblogs.com/zqblog1314/p/12902123.html