我需要为无状态功能组件导入React吗？

Question

我到处都是（例如博客文章，代码），我看到了React无状态功能组件的代码，React即使从未使用过，也可以导入其中。

import React, { PropTypes } from 'react';

function MyComponent({ foo, bar }) {
  ...
  return ...;
}

MyComponent.propTypes = { 
  foo: PropTypes.string.isRequired,
  bar: PropTypes.func.isRequired
}

export default MyComponent;

我认为没有必要将其导入React功能组件，并且一直假设这只是从组件成为类时的痕迹而已，不再需要。

我还感到惊讶的是，我的短毛绒没有抱怨未使用的进口（通常，当我进口未使用的东西时会抱怨）。

是否有某些原因需要导入React我不知道的功能组件？

Answer 1

就在这里。Babel转译JSX以 使用 React：

<div></div>

至：

React.createElement("div", null);

因此，您的JSX会在内部进行转译，以React.createElement在 确实 使用的纯JavaScript 中
使用React。请记住，JSX只是纯JavaScript的语法糖。如果您不专门导入它，它将报告React未定义的内容。