reactjs/react-modal

overlayRef and contentRef are undefined on componentDidMount

オープン

#740 opened on 2019/02/22

GitHub で見るコントリビューターガイド
 (14 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (828 件のフォーク)batch import
easygood first issuemaybe bugmissing documentation

Repository metrics

Stars
 (7,294 個のスター)
PR merge metrics
 (PR metrics pending)

説明

Summary:

overlayRef and contentRef are undefined on componentDidMount, but have the correct value on componentDidUpdate.

Steps to reproduce:

  1. Set the overlayRef and contentRef prop on ReactModal.

  2. console.log the value of overlayRef and contentRef inside componentDidMount.

  3. The values will be undefined.

Expected behavior:

overlayRef and contentRef should hold the correct values on componentDidMount.

Link to example of issue:

https://codesandbox.io/s/qq9kpwxxp9

コントリビューターガイド

調査方針
overlayRefとcontentRefがコンポーネントのライフサイクルのどこで割り当てられるかを調べてください。ReactModalの実装を確認し、refが正しく基盤となるDOM要素に渡されているか、componentDidMountのタイミングがundefinedの原因となっていないかをチェックしてください。refの割り当てに影響を与える可能性のある条件付きレンダリングがないか確認してください。
技術スタック
javascriptreact
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
React
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65