React/Material-UIでheaderを実装②

3178 ワード
React material-ui React テキストリンク
./components/ui/Header.js
import { AppBar, Toolbar } from "@material-ui/core";
import React from "react";

const Header = () => {
  return (
    <AppBar position="static">
      <Toolbar>Header</Toolbar>
    </AppBar>
  );
};

export default Header;
App.js
import "./App.css";
import Header from "./components/ui/Header";

function App() {
  return (
    <div className="App">
      <Header />
      Hello Material-UI!
    </div>
  );
}

export default App;