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 />
りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています！