関数コンポーネントでは、クラスにおけるrenderとreturnの間にあるコードをどのように置き換えればいいのでしょうか？

Question

###関数コンポーネントでは、クラスにおけるrenderとreturnの間にあるコードをどのように置き換えればいいのでしょうか？

タイトル通りです。
classでは以下のようにrenderとreturnの間にコードをよく書くかと思います。

class Hoge extends React.Component {
  render() {
   //some code
    return (
      <div>
        <h1>Hello, world!</h1>
        //・・・
      </div>
    );
  }
}

しかしフックの導入などで関数コンポーネントが推奨されている今、これをどのように置き換えればいいのでしょうか？
毎回renderの前に実行するコードを書く場所がわかりません。

function Hoge (){
   //where code?
    return (
      <div>
        <h1>Hello, world!</h1>
        //・・・
      </div>
    );
  }

useEffectはあるのですが、それは公式でもいわれているように

componentDidMount と componentDidUpdate と componentWillUnmount がまとまったものだと考えることができます。

とあるので役割が違うかと思います。初歩的な質問かもしれませんが、回答いただけると助かります・・・

Answer 1

毎回renderの前に実行するコードを書く場所がわかりません。

そのままreturnの前に書けばOKです。関数コンポーネントは、描画のたびに実行されます。

Comments

[hood]

maisumakunさんいつも回答ありがとうございます、本当に助けになっています！

>関数コンポーネントは、描画のたびに実行されます。

そうだったのですね。基本的なことの理解がまだ甘いなと思いました。
もっとリサーチを重ねたいと思いました！