reactjs - 如何使用 React Router 在 React 中渲染这个对象？

Question

如何使用反应路由器渲染这个对象？我想在菜单中呈现这个对象。

  {main: 'Main', about: 'About', contacts: 'Contacts', '404': 404}

标签： reactjs

Answer 1

以这种方式重构它：

const menu = [
  { title: 'Main', path: '/main' },
  { title: 'About', path: '/about' },
  { title: 'Contacts', path: '/contacts' },
  { title: '404', path: '/404' }
];

现在在 JSX 中执行此操作，只要您想要菜单：

{menu.map(item => <Link to={item.path} alt={item.title} />)}

不要忘记导入Link：

import { Link } from 'react-router-dom'