reactjs/react-modal

overlayRef and contentRef are undefined on componentDidMount

开放

#740 创建于 2019年2月22日

在 GitHub 查看贡献者指南
 (14 条评论) (0 个反应) (0 位负责人)JavaScript (828 个派生)batch import
easygood first issuemaybe bugmissing documentation

仓库指标

星标
 (7,294 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

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 的实现，确认 refs 是否正确传递给底层 DOM 元素，以及 componentDidMount 的时机是否导致 undefined 值。查找可能影响 ref 分配的任何条件渲染。
技术栈
javascriptreact
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
React
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
65