首页 > 解决方案 > 更新状态时更新输入值reactjs

问题描述

我正在使用 fullCalendar 库,并且我想显示一个模式以在日历中单击某个日期时添加一个事件。

<FullCalendar defaultView="dayGridMonth" 
   plugins={[ dayGridPlugin, interactionPlugin]} 
   events={this.events}
   dateClick={(info) =>{
      this.setState({modal: true, addClass: {start: info.date}})
   }}
   editable='true'
/>

this.state.modal是决定是否显示模态的布尔值。

在模态中,我有这个输入:

<Input type="datetime-local" name="course" 
       value={this.state.addClass.start} 
       onChange={this.handleForm} required
> 

当模态出现时,我希望它显示单击的日期作为我的输入值。dateClick成功更改状态,并存储单击的日期,但是当模式出现时,输入没有任何值。

当我搜索我的问题时,我没有找到任何关于在状态更改时如何更改输入值的解决方案。没有人知道怎么做吗?

标签: reactjsfullcalendar

解决方案


推荐阅读