React对JSX的处理
React.createElement
有三个参数:标签类型,属性集合,子元素
JSX其实是React.createElement
函数调用的语法糖
JSX → 编译 →React.createElement
调用形式
class App extends React.Component {
render() {
return (
<div className="box" id="J_Box">
<h1 className="title">
This is a <span>TITLE</span>
</h1>
</div>
)
}
}
ReactDOM.render(
<App />,
document.getElementById('app')
)
class App extends React.Component {
render() {
return /* @__PURE__ */ React.createElement("div", {
className: "