如何从React中的索引文件导出多个组件？ 我的index.jsx文件是： 从'./navbar/navbar'导入Navbar'; 从'./greeting/greeting'导入问候' 从'./project/project'导入项目; 从'./about/about'导入; 导入contac ...

Question

和我的app.jsx文件：

import React from 'react';
import {Navbar} from './components';

// import Navbar from './components/Navbar/Navbar';

const App = () => {
  return (
    <div>
      <Navbar />
    </div>
  )
}

export default App;

当我打电话给通过

Navbar

文件导入时，我得到了此错误： syntaxerror：请求的模块 */sre/组件/索引。 ISX？ app.isx：4 t = 1672200538218'不提供名为“navbar'

的导出

如果我通过索引文件调用Navbar，我遇到了什么？非常感谢！我如何致电通过索引文件导入许多组件。

即将导入它们然后导出它们，您可以将它们直接导出如下。但是为此，您需要使用命名的出口，例如

index.jsx

而不是

export function Navbar()

.

export default function Navbar()

Answer 1

但是，如果您宁愿保持

export { Navbar } from "./Navbar/Navbar";
export { Greeting } from "./Greeting/Greeting";
export { Project } from "./Project/Project";
export { About } from "./About/About";
export { Contact } from "./Contact/Contact";
export { Footer } from "./Footer/Footer";

出口，则应该按照以下而不是所拥有的：

default

您可以在

Mdn

.

上了解更多有关

export { default as Navbar } from "./Navbar/Navbar";
export { default as Greeting } from "./Greeting/Greeting";
export { default as Project } from "./Project/Project";
export { default as About } from "./About/About";
export { default as Contact } from "./Contact/Contact";
export { default as Footer } from "./Footer/Footer";

的信息。