style后为原生写法,原生语法在JSX会报错:
const Native_Dom = (
<h2 id={myId.toLowerCase()}>
<span style="color:green; fontSize:20px">{myData}</span>
</h2>
);
双括号写法(正确):最外层的大括号表示里面为js表达式, 内层大括号表示里面写的是js对象,键值的值必须用双引号括住。可以对比上面的写法
const VDOM = (
<h2 id={myId.toLowerCase()}>
<span style={{ color: 'green', fontSize: '30px' }}>{myData}</span>
</h2>
);
ReactDOM.render(VDOM, document.getElementById('test'));