为什么定义组件的时候必须要导入React

在用react开发时，为什么要先导入React（即：import React from 'react'）呢？但在组件内部并没有使用？

可能有人会说在创建组件的时候，需要用到React中的Component组件，但完全可以用import { Component } from 'react'这种方式

其实最主要的原因并不是上述所说的，根本原因是JSX

先写个例子，写一个非常简单的组件：

import React, { Component } from 'react'

class App extends Component {
    render(){
        return <div>这是App组件</div>
    }
}

export default App

在编译时，组件内部的JSX会调用React.createElement方法创建React元素：

class App extends Component {
    render(){
        return React.createElement('div', null, '这是App组件')
    }
}

所以，在定义组件时必须要导入React因为在编译JSX时，需要用到React.createElement方法，而JSX本质则是React创建元素的语法糖。

赏

谢谢你请我吃糖果