为什么每个组件的 js 文件头部都要引入 import React from 'react' ?跪求！

Question

为什么每个组件的js文件头部都要引入importReactfrom'react'?

Answer 1

因为每一个文件都是一个单独的模块，不引入的话不能识别文件中的React是什么，但是你可以在webpack中讲React配置为全局变量。
plugins:[
//自动加载模块，而不必到处import或require。
newwebpack.ProvidePlugin({
React:"React"
})
]
                            

Answer 2

代码中没有使用过React，必须要引用，而且必须为大写。
importReact,{Component}from'react';
classProcessextendsComponent{
render(){
return(
哈哈哈
)
}
}
上述代码被babel转译后：
importReact,{Component}from'react';
classProcessextendsComponent{
render(){
returnReact.createElement(
'div',
null,
'\u54C8\u54C8\u54C8'
);
}
}
用到了React.createElement
约定使用React，故必须引用。