Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 大日历页_Javascript_Reactjs_Bootstrap 4 - Fatal编程技术网

Javascript 大日历页

Javascript 大日历页,javascript,reactjs,bootstrap-4,Javascript,Reactjs,Bootstrap 4,我正在为我的小组项目制作日历页。我用的是大日历。我需要我的弹出窗口来显示用户无法更改的事件文本。我有几个不同的事件,我希望每个事件在单击该事件时都给出一个描述。以下是我目前掌握的代码: class mycalendar extends Component { render() { return ( <div className="calendar "> <BigCalendar {...this.props}

我正在为我的小组项目制作日历页。我用的是大日历。我需要我的弹出窗口来显示用户无法更改的事件文本。我有几个不同的事件,我希望每个事件在单击该事件时都给出一个描述。以下是我目前掌握的代码:

class mycalendar extends Component {
  render() {
    return (
      <div className="calendar  ">
        <BigCalendar
          {...this.props}
          onSelectEvent={event => Popup.alert("what's up")}
          events={eventsCalendar}
          views={{ month: true }}
          step={60}
          defaultDate={new Date()}
          style={{ height: "150vh", padding: "100px" }}
        />
        <Popup
          className="mm-popup"
          btnClass="mm-popup__btn"
          closeBtn={true}
          closeHtml={null}
          defaultOk="Ok"
          defaultCancel="Cancel"
          wildClasses={false}
          closeOnOutsideClick={true}
        />
    );
  };
}
类mycalendar扩展组件{
render(){
返回(
Popup.alert(“怎么了”)}
events={eventsCalendar}
视图={{month:true}}
步骤={60}
defaultDate={new Date()}
样式={height:“150vh”,padding:“100px”}
/>
);
};
}

我也有同样的问题,我用state prop修复了它,如下所示:

是我添加的“事件”道具的日历组件:

this.state = {
      event: {},
    }
onclickEvent i添加了一个处理程序:

 onSelectEvent={this.eventClick}
事件单击处理程序将单击的事件设置为状态属性:

eventClick = event => {
    this.setState({ eventShow: true, event })
  }
并将其发送到弹出窗口:

<PopupEvent
          show={this.state.eventShow}
          onHide={this.handleOnHide}
          event={this.state.event}
        />


现在,您在弹出的道具中有了单击事件。

我也有同样的问题,我用状态道具修复了它,如下所示:

是我添加的“事件”道具的日历组件:

this.state = {
      event: {},
    }
onclickEvent i添加了一个处理程序:

 onSelectEvent={this.eventClick}
事件单击处理程序将单击的事件设置为状态属性:

eventClick = event => {
    this.setState({ eventShow: true, event })
  }
并将其发送到弹出窗口:

<PopupEvent
          show={this.state.eventShow}
          onHide={this.handleOnHide}
          event={this.state.event}
        />


现在,您在弹出的道具中有了单击事件。

请编辑您的问题并修复代码片段。另外,请提供一份。你可以试着用小提琴或类似的东西。所以它有自己的类似小提琴的系统,但我不确定它是否真的支持React。谢谢,很抱歉我更新了。我正在尝试将事件信息添加到大日历的弹出窗口中。但我在任何一天都有几件事。我被卡住了,任何帮助都会被通知的。我是一个新的程序员!请编辑您的问题并修复代码段。另外,请提供一份。你可以试着用小提琴或类似的东西。所以它有自己的类似小提琴的系统,但我不确定它是否真的支持React。谢谢,很抱歉我更新了。我正在尝试将事件信息添加到大日历的弹出窗口中。但我在任何一天都有几件事。我被卡住了,任何帮助都会被通知的。我是一个新的程序员!