ここ：
`` `
「React」からのImport React;
「React-Router-Dom」から{link}をインポートします。

const navbar =（）=> {
  戻る （
    <nav>
      <div classname = "nav-wrapper">
        <link to = "/" classname = "brand-logo"> logo </link>
        <ul id = "nav-mobile" classname = "right hide-on-med-and-down">
          <li> <link to = "/"> home </link> </li>
          <li> <link to = "/about"> bout </link> </li>
          <li> <link to = "/contact">連絡先</link> </li>
        </ul>
      </div>
    </nav>
  ）;
};

デフォルトNavbarをエクスポートします。
`` `
Here:
```
import React from 'react';
import { Link } from 'react-router-dom';

const Navbar = () => {
  return (
    <nav>
      <div className="nav-wrapper">
        <Link to="/" className="brand-logo">Logo</Link>
        <ul id="nav-mobile" className="right hide-on-med-and-down">
          <li><Link to="/">Home</Link></li>
          <li><Link to="/about">About</Link></li>
          <li><Link to="/contact">Contact</Link></li>
        </ul>
      </div>
    </nav>
  );
};

export default Navbar;
```