将 react 导入 next.js 中的页面

IT技术 reactjs next.js
2021-05-01 18:37:59

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

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

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

我想使用功能组件重构它。

我在这里读到，由于 next.js 路由系统，您不必在页面中导入 react 包。Next.js 文档还显示了页面组件上没有react导入的示例，但没有给出解释。

你能澄清一下吗。在这种情况下是否有必要导入 React？我可以删除导入 React 行吗？

1个回答

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

当确实使用 JSX 时，Next.js 会自动添加 React 导入。但是请记住，import React from 'react'当使用 React 变量时，我们仍然需要这样做。

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

其它你可能感兴趣的问题
上一篇使用 ReactJS 访问 Flask 会话 下一篇将 Prusa 固件/软件转换为 CNC 使用需要多少工作？