如今开发React组件是否仍需导入React与ReactDOM？

• React的导入：从React 17版本开始，官方更新了JSX转换逻辑，Babel或React官方编译工具会自动在编译阶段注入React的相关引用，不需要手动写import React from 'react';。哪怕你写了，VS Code这类编辑器也会提示移除，因为这行代码已经没有实际作用。

• ReactDOM的导入：React 18版本推出了新的根节点API createRoot，替代了旧版的ReactDOM.render。如果项目用的是React 18+，现在通常是这样导入并使用：

  import { createRoot } from 'react-dom/client';
  const root = createRoot(document.getElementById('root'));
  root.render(<App />);
  

  这种情况下，原来的import ReactDOM from 'react-dom';就没必要保留，编辑器会提示移除。当然，如果项目还在使用旧版的ReactDOM.render，那仍需要导入ReactDOM，但这种写法目前已不推荐。

需要注意的是，如果你的项目基于React 17之前的版本，还是得手动导入React，否则JSX语法会报错。

内容的提问来源于stack exchange，提问作者Yellow Lion Stone