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です。