当单击以显示更多信息时,我想在事件旁边呈现一个组件。像这样的东西https://i.stack.imgur.com/jOVsE.png
我可以使用 onSelectEvent 创建一个模态,但我不知道如何将模态放在刚刚单击的事件旁边。我已经研究过使用事件文本中包含的弹出框创建自定义事件,但似乎没有办法从事件中触发 click 事件,而且我无法从 onSelectEvent 中弄清楚如何做到这一点。
当单击以显示更多信息时,我想在事件旁边呈现一个组件。像这样的东西https://i.stack.imgur.com/jOVsE.png
我可以使用 onSelectEvent 创建一个模态,但我不知道如何将模态放在刚刚单击的事件旁边。我已经研究过使用事件文本中包含的弹出框创建自定义事件,但似乎没有办法从事件中触发 click 事件,而且我无法从 onSelectEvent 中弄清楚如何做到这一点。
import React from 'react';
import { Button, Popover, PopoverHeader, PopoverBody } from 'reactstrap';
export default class Example extends React.Component {
constructor(props) {
super(props);
this.toggle = this.toggle.bind(this);
this.state = {
popoverOpen: false
};
}
toggle() {
this.setState({
popoverOpen: !this.state.popoverOpen
});
}
render() {
return (
<div>
<Button id="Popover1" type="button">
Launch Popover
</Button>
<Popover placement="bottom" isOpen={this.state.popoverOpen} target="Popover1" toggle={this.toggle}>
<PopoverBody>/*Your date picker code goes here*/</PopoverBody>
</Popover>
</div>
);
}
}