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

Question

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

Answer 1

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

Answer 2

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