useState
= state(状態)を変更させるためのHooks
おそらくstateが変われば基本的にレンダリングが走る
useEffect
= 特定のstateに変更があった時に特定の処理を行うためのHooks
依存する値に変更があった場合に実行する処理
// 基本形
useEffect(() => {
//行いたい処理
}, [依存する値]);
※useEffect(() => {
はuseEffect(function() {
と同義
Props(引数)受け渡し
export function Test() {
const ShowName = ({name, age}) => {
return <p>{name}です。年齢は{age}です。</p>;
};
return (
<ShowName name={'廣田'} age={21} />
);
}
// 廣田です。年齢は21です。
ディスカッション