前端基础之《React（10）—JSX语法》

一、理解JSX

1、JSX是JavaScript XML，是一种语法，由Meta公司发布，浏览器是不支持这种语法的

2、在编写React组件视图结构时，JSX是可选的

JSX语法：

function B(props) {
    return (
        <div>
            <h1>你好</h1>
        </div>
    )
}

不用JSX语法，用React官方API：

function B() {
    return React.createElement('div', {}, React.createElement('h1', {}, '你好'))
}

可以使用React.createElement('tag', {}, \[\])编写视图结构，组件是一定要有视图结构的