react-component / react-component/trigger
重复触发 onPopupVisibleChange
Abierto
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- TypeScript
- Estrellas
- 391
- Forks
- 245
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
onPopupVisibleChange(popupVisible) {
this.setState({ popupVisible })
}
<Trigger
action={['click']}
popup={this.renderMenu('inline')}
popupAlign={{
points: ['tl', 'bl'],
offset: [0, 3]
}}
popupVisible={this.state.popupVisible}
onPopupVisibleChange={::this.onPopupVisibleChange}
mask
destroyPopupOnHide
>
<div className="mobile-trigger">
<Icon type="bars"/>
</div>
</Trigger>
里面的 mobile-trigger 点击后展开菜单。然后再点击后应该关闭的。但是却重复触发了事件,导致关闭后立刻打开了。
感觉像是点击穿透问题, fastclick 也用了,也无效。
document.addEventListener('DOMContentLoaded', () => FastClick.attach(document.body), false)
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Parte del uso de Trigger mostrado en el issue y reproduce la secuencia de clics de mobile-trigger con popupVisible y mask habilitados. Rastrea las llamadas a onPopupVisibleChange, incluida la configuración de FastClick, y confirma que un clic cierra el menú sin volver a abrirlo inmediatamente.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript, react
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 28/100