reactjs - 将 react 导入next.js中的页面

Question

我有一个Next.js应用程序，其中包含多个页面。所有页面看起来都很相似。

import React, { Component } from "react";
import  from "components/Wrapper";

export default class About extends Component {
  render() {
    return <Wrapper />;
  }
}

我想使用功能组件对其进行重构。
我读过 here，由于next.js路由系统，您不必在页面中导入react软件包。 Next.js文档还显示了示例，这些示例没有在页面组件上进行React导入，但未给出说明。
你能澄清一下吗？在这种情况下是否有必要完全导入React？我可以删除导入的React行吗？

Answer 1

好吧，实际上，对于我们所有人来说，意识到何时使用import React from "react";以及何时不使用Next.js应用程序仍然是一个复杂的问题。但是根据Next.js的合着者Tim Neutkens的说法，他在this thread中提到:

Next.js automatically adds the React import when JSX is used indeed. However keep in mind that we do still need to import React from 'react' when the React variable is used.

因此，这将向我们展示，每当我们只想从React中单独使用JSX功能时，我们就不必 import React from 'react'，而Next.js会为我们隐式导入它，但是在任何其他情况下，我们都必须这样做。