你能在 React 组件中使用事件吗?
Can you use events in React components?
我正在尝试构建模态,我有以下代码:https://jsfiddle.net/j2r15hxg/4/
目前,我正在我的 ModalBackdrop 组件上使用 onClick 事件来尝试将模式和背景隐藏在一起:
<ModalBackdrop onClick={this.closeModal} isOpen={this.state.isOpen}>
但是这不起作用。为什么会这样,我该如何解决?我的猜测是因为你不能在 React 组件上使用事件,但我在文档中找不到任何说你 can/can't.
这是你的 JS Fiddle 已修复:https://jsfiddle.net/j2r15hxg/5/
基本上,在后台您试图调用处理程序 "this.closeModal",它未在您的 Backdrop
组件中定义,而是在父组件 (modalSignInButton
) 中定义。通常,您提供回调作为子组件的道具,它们在需要通知其父组件时使用它。
我正在尝试构建模态,我有以下代码:https://jsfiddle.net/j2r15hxg/4/
目前,我正在我的 ModalBackdrop 组件上使用 onClick 事件来尝试将模式和背景隐藏在一起:
<ModalBackdrop onClick={this.closeModal} isOpen={this.state.isOpen}>
但是这不起作用。为什么会这样,我该如何解决?我的猜测是因为你不能在 React 组件上使用事件,但我在文档中找不到任何说你 can/can't.
这是你的 JS Fiddle 已修复:https://jsfiddle.net/j2r15hxg/5/
基本上,在后台您试图调用处理程序 "this.closeModal",它未在您的 Backdrop
组件中定义,而是在父组件 (modalSignInButton
) 中定义。通常,您提供回调作为子组件的道具,它们在需要通知其父组件时使用它。