我正在使用带有自定义事件组件的 React Big Calendar。
在我的自定义组件中,我需要显示一些用户可以单击的按钮(通过弹出框)。我的弹出窗口工作正常,但我也希望渲染 BigCalendar 的类在单击弹出窗口中的按钮时得到通知。我们如何将“onButtonClick”事件作为道具传递给我的自定义组件?这是我的代码的简化版本
class Parent extends Component {
popoverButtonClickHandler = (e) => {
//handle button click
}
render() {
return (
<BigCalendar
...
events={myEvents}
components={{
event: CustomEvent
}}
/>
);
}
}
这是我的 CustomEvent 类
class CustomEvent extends Component {
render() {
return (
<div>
<p>My event title: {this.props.title}</p>
<MyPopover>
<Button onClick={this.props.onPopoverButtonClick}>
</MyPopover>
</div>
)
}
}
我想弄清楚我怎么能通过
onPopoverButtonClick={this.popoverButtonClickHandler}
到我的 CustomEvent 以便在单击按钮时通知父级。
有什么想法可以实现这一目标吗?谢谢