在React中导入一个现有的导航条

Question

所以我一直在一个现有的REACT项目上工作，没有任何REACT的先验知识。我有一个。js文件持有所有的链接，我不知何故需要调用这个文件，并有这些链接显示在导航栏我正在工作。.js数据。如果有人知道我如何在我的。jsx文件中调用这个，并在。jsx文件的导航栏中显示这些链接，我真的很感激。感谢您的宝贵时间!

Answer 1

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

如果它们在同一目录中，则像这样导入:

import MenuData from './MenuData';

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

import MenuData from '../MenuData';

如果在另一个目录中，可以这样写:

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

如果你感到困惑，可以谷歌一下如何导入React文件。

正确导入后，可以这样使用:

MenuData[0].label //'Overview'

Answer 2

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

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