在 React 中导入现有的导航栏答案

【问题标题】：Import an existing Navbar in React在 React 中导入现有的导航栏
【发布时间】：2021-02-11 11:06:36
【问题描述】：

所以我一直在从事现有的 REACT 项目，但事先没有任何 react 知识。我有一个包含所有链接的 .js 文件，我需要以某种方式调用该文件并将这些链接显示在我正在使用的导航栏中。 the .js data. 如果有人知道我将如何在我的 .jsx 文件中调用它，并在 .jsx 文件 id 中的导航栏中显示这些链接，我真的很感激。感谢您的宝贵时间！

【问题讨论】：

标签： javascript reactjs navigation

【解决方案1】：

首先，MenuData 文件调用是什么？我假设 MenuData.js。您必须知道 MenuData.js 和父文件的相对位置。

如果它们在同一个目录中，则将其导入如下：

import MenuData from './MenuData';

如果它们在父目录中，您必须像这样导入：

import MenuData from '../MenuData';

如果它在另一个目录中，或者类似的东西：

import MenuData from '../Parent/MenuData';

如果您感到困惑，只需谷歌如何导入 React 文件。

正确导入后，就可以这样使用了：

MenuData[0].label //'Overview'

【讨论】：

非常感谢！现在就试试这个:)

【解决方案2】：

您首先必须按照上一个答案中提到的文件路径导入导航栏组件，然后要显示它，您需要将其添加到您导入它的组件中：

return (
<Navbar />
<SomeComponent />
...
<Footer />

【讨论】：