Help us understand the problem. What is going on with this article?

Reactが用意しているライフサイクルメソッド7つ

More than 3 years have passed since last update.

Reactのライフサイクルメソッドを学んだのでメモ

componentWillmount

マウントされる直前に1回だけ呼ばれる」
- 初期化処理を行うのに適している
- コンポーネントがDOMツリーに追加される前に1度だけ呼ばれる
- このメソッド内でsetstate()するとrender時にまとめて行われる

componentDidMount

「マウントされた直後に1回だけ呼ばれる」
- DOMに関わる初期処理を行いたい時に便利
- コンポーネントがDOMツリーに追加された状態で呼ばれる

componentWillReceiveProps

「コンポーネントがプロパティの値を受けるときに呼ばれる」
- プロパティが更新されるときに呼ばれる
- 親コンポーネントのStateがPropsとして渡されていて、その変化で(表示以外で)何かしたいときに便利

shouldComponentUpdate

「コンポーネントを更新してもいいかどうかの判断を行う」
- 戻り値は「True」または「False」
- 無駄な処理を無くし、パフォーマンスの向上を行うときに便利

componentWillUpdate

「コンポーネントが更新される前に呼ばれる」
- shouldComponentの戻り値がtrueの場合呼ばれる

componentDidUpdate

「コンポーネントが更新された後に呼ばれる」
- DOMの変化にフックして何かしたい場合に使うと便利

componentWillUnmount

「コンポーネントがアンマウントする前に呼ばれる」
- コンポーネントがDOMから削除される時に呼ばれる
- Timerの処理やDOMのイベントを解除するときはここで処理をかいておく

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした