为何jsx文件必须引入react

本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。

所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React。

JSX语法的转换

const title = <h1 className="title">Hello, world!</h1>;

这段代码并不是合法的js代码，它是一种被称为jsx的语法扩展，通过它我们就可以很方便的在js代码中书写html片段。

本质上，jsx是语法糖，上面这段代码会被babel转换成如下代码：

const title = React.createElement(
    'h1',
    { className: 'title' },
    'Hello, world!'
);