
Reactでフッターをコンポーネント化する方法
こんにちわ!
今日は初めてのコンポーネント化としまして、Webページのフッターをコンポーネント化させて、
どこからでも使えるようにReactコンポーネントを作ってみたいと思います。
Reactでコンポーネントを作る
import React from 'react';
export default function Hooter() {
return (
<React.Fragment>
<main>
<div>
{"フッター}
</div>
</main>
</React.Fragment>
);
}
Reactでコンポーネントをimportする
import Hooter from './Components/Hooter';
Reactでコンポーネントを呼び出し
<Hooter />