cómo hacer clic en el botón de evento en modal en fullcalendar reaccionar js ejemplo de código

Te damos la bienvenida a nuestro espacio, ahora encontrarás la resolución de lo que estás buscando.

Ejemplo: reacción modal de evento de edición de calendario completo

importReactfrom"react";importFullCalendarfrom"@fullcalendar/react";importdayGridPluginfrom"@fullcalendar/daygrid";importtimeGridPluginfrom"@fullcalendar/timegrid";importinteractionPluginfrom"@fullcalendar/interaction";importButton,Modal,ModalHeader,ModalBody,ModalFooterfrom"reactstrap";importaxiosfrom'axios';import"../main.scss";import"@fullcalendar/core/main.css";import"@fullcalendar/daygrid/main.css";import"@fullcalendar/timegrid/main.css";exportdefaultclassCalendarViewextendsReact.Component
      calendarComponentRef =React.createRef();

      state =
        modal:false,
        calendarWeekends:true,
        event:[];componentDidMount()
        axios.get('/events').then(response=>this.setState(event: response.data)console.log(calendarEvents: response.data)).catch(function(error)console.log(error);)toggle=()=>this.setState( modal:!this.state.modal);;handleEventClick=( event, el )=>this.toggle();this.setState( event );;render()return(<div className="cal-container"><div style=marginTop:30><FullCalendar
                defaultView="timeGridDay"
                header=
                  left:"prev,next today",
                  center:"title",
                  right:"dayGridMonth,timeGridWeek,timeGridDay,listWeek"
                plugins=[dayGridPlugin, timeGridPlugin, interactionPlugin]
                ref=this.calendarComponentRef
                weekends=this.state.calendarWeekends
                events=this.state.event
                eventClick=this.handleEventClick
                nowIndicator='true'
                height='parent'/><Modal
              isOpen=this.state.modal
              toggle=this.toggle><ModalHeader toggle=this.toggle>EVENTTITLESHOULDGOHERE:this.state.event.title</ModalHeader><ModalBody><div>EVENTINFOSHOULDGOHERE:this.state.event.start</div></ModalBody><ModalFooter><Button color="primary">DoSomething</Button>" "<Button color="secondary" onClick=this.toggle>Cancel</Button></ModalFooter></Modal></div></div>);

Reseñas y puntuaciones del tutorial

Si haces scroll puedes encontrar las anotaciones de otros desarrolladores, tú también tienes el poder insertar el tuyo si dominas el tema.

---

---

Utiliza Nuestro Buscador