react嵌入原生html,React 学习 JSX语法与原生HTML

文章目录

JSX 可以看作JavaScript的拓展，看起来有点像XML。

使用React，可以进行JSX语法到JavaScript的转换。

为什么使用JSX 使用React，不一定非要使用JSX语法，可以使用原生的JS进行开发。但是React作者强烈建议我们使用JSX，因为JSX在定义类似HTML这种树形结构时，十分的简单明了。简明的代码结构更利于开发和维护。

XML有着开闭标签，在构建复杂的树形结构时，比函数调用和对象字面量更易读。看个直接的对比：

//使用JSX

React.render(

content

,

document.getElementById('example')

);

// 不使用JSX

React.render(

React.createElement('div', null,

React.createElement('div', null,

React.createElement('div', null, 'content')

)

),

document.getElementById('example')

);