为什么import React from 'react'，React首字母必须大写？

Question

为啥我import React from 'react'没事，但是import react from 'react'就会报错？错误信息为：'React' must be in scope when using JSX react/react-in-jsx-scope这个不是解构吧，还要求名称一致？而且index.js里面没有使用React，在把jsx转化的时候，到底是提供了怎么样一个环境呢？难道是自执行函数，但是直接import 'react'也报相同错误。虽然感觉有点钻牛角尖，但是我实在搜索不到相关问题，望有人能够解答一二，谢谢！

Answer 1

import React from 'react';const comp = () => (    
    <div>something...</div>);//...// 编译 JSX 后：import React from 'react';const comp = () => (
    React. createElement('div', null, 'something...' )
);//...

这个问题跟首字母是不是大写没有关系，是必须使用React。

Answer 2

import会被编译成require，而require是commonjs规范里的

Answer 3

把jsx编译到js需要调用一个函数, 这个函数在React叫React.createElement. 你可以比较一下jsx和编译出的js.