reactjs/react-modal

overlayRef and contentRef are undefined on componentDidMount

Open

Aperta il 22 feb 2019

Vedi su GitHub
 (14 commenti) (0 reazioni) (0 assegnatari)JavaScript (7294 star) (828 fork)batch import
easygood first issuemaybe bugmissing documentation

Descrizione

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

Guida contributor

Tech stack
javascriptreact
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Reactrefs in React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70
Direzione di ricerca
The issue shows that overlayRef and contentRef are undefined in componentDidMount. Investigation should focus on where the refs are assigned in the component's lifecycle. The linked codesandbox demonstrates the problem. The solution likely involves assigning refs properly in the render method or using callback refs instead of relying on componentDidMount.