React/Material-UIでfooterを実装

4208 ワード
React material-ui React テキストリンク
./src/components/ui/Footer.js
import React from "react";
import { makeStyles } from "@material-ui/core";

const useStyles = makeStyles({
  footer: {
    color: "#ebf6f7",
    backgroundColor: "#0f2350",
    width: "100%",
    position: "absolute",
    bottom: 0,
  },
});

const Footer = () => {
  const classes = useStyles();
  return <div className={classes.footer}>Footer</div>;
};

export default Footer;
./src/App.js
import logo from "./logo.svg";
import "./App.css";
import Footer from "./components/ui/Footer";

function App() {
  return (
    <div className="App">
      <Footer />
    </div>
  );
}

export default App;