Header.js 428 B

12345678910111213141516171819202122232425262728293031
  1. import React, { Component } from "react";
  2. import { Link } from "react-router-dom";
  3. const links = [
  4. {
  5. id: 1,
  6. path: "/",
  7. title: "Home"
  8. },
  9. {
  10. id: 2,
  11. path: "/post",
  12. title: "Post"
  13. }
  14. ];
  15. export default class Header extends Component {
  16. render() {
  17. return (
  18. <div>
  19. <ul>
  20. {links.map(el => (
  21. <li key={el.id}>
  22. <Link to={el.path}>{el.title}</Link>
  23. </li>
  24. ))}
  25. </ul>
  26. </div>
  27. );
  28. }
  29. }