通过双击react大日历中的事件来打开Semantic UI React Modal

时间:2018-10-23 05:39:57

标签: reactjs typescript modal-dialog semantic-ui-react react-big-calendar

当用户双击react大日历中的事件时,我正在尝试打开语义UI React Modal。我的doubleclick事件处理程序是

eventDoubleClick() {    
    this.setState({
      open: true
    });    
    return <EditEvent />;
}

EditEvent 是包含Modal的类组件。它的代码是

class EditEvent extends React.Component {
 state = { open: false, startDate: moment() };
 show = dimmer => () => this.setState({ dimmer, open: true });
 close = () => this.setState({ open: false });
 open = () => this.setState({ open: true });

 constructor(props) {
   super(props);       
  }
  render() {
   <div>
     ... Semantic UI Modal goes here
   </div>
  }
 }
 export default EditEvent;

到目前为止,尚未找到有关此问题的任何帮助

1 个答案:

答案 0 :(得分:0)

我通过将Modal移到具有大日历实现的组件内部并使用状态来设置modal的open属性来解决了这个问题。它就像一种魅力:)