Javascript 在React中导入现有导航栏

所以我一直在做一个现有的REACT项目，没有任何关于REACT的知识。我有一个包含所有链接的.js文件，我需要调用这个文件，并将这些链接显示在我正在使用的导航栏中。如果有人知道我将如何在.jsx文件中调用它，并在.jsx文件的导航栏中显示这些链接，我将非常感激。谢谢你抽出时间

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

如果它们位于同一目录中，则按如下方式导入：

import MenuData from './MenuData';

import MenuData from '../MenuData';

MenuData[0].label //'Overview'

如果它们位于父目录中，则必须按如下方式导入：

import MenuData from './MenuData';

import MenuData from '../MenuData';

MenuData[0].label //'Overview'

或者，如果它位于另一个目录中，则类似于此：

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

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

正确导入后，可以按如下方式使用：

import MenuData from './MenuData';

import MenuData from '../MenuData';

MenuData[0].label //'Overview'

---

您首先必须按照前面的答案中提到的文件路径导入navbar组件，然后要显示它，您需要将它添加到导入它的组件中：

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

返回(
...

非常感谢！现在就来试试：）