Question

我可以在React的render函数中触发AirBnb react-date的日历，但是如果我在redux-form内引用的函数中进行尝试，则不会出现错误，并且可以正确显示初始日期，但是单击don时取消日历

BELOW WORKS
class Landing extends React.Component {
    state
    ....
     render(){
         return (<form>
                  <DateRangePicker (+props) />
                </form>)
      }
}

BELOW DISPLAY THE INITIAL FIELDS WITH THE DATES AND THERE ARE NO 
ERRORS, BUT WHEN CLICKING DON'T FIRE THE CALENDAR
 Class Landing extends React.Component {
    state
    ....
     renderCalendar=()=>{
          return (<DateRangePicker (+props)/>)
       }
     render(){
         return (
           <form>
             <Field component={this.renderCalendar}/>// Field from 
                                                        react-redux
           </form>
          )
      }
}

Answer 1

我整理了将所有的react-dates代码移交给另一个组件。因此，我有两个组件：在一个组件中是redux-form的代码，在其中导入自定义组件DatePicker。在组件DatePicker中，我将所有有关react-dates与其组件一起放置的技巧起作用了。

使用Redux形式的Airbnb /反应日期

1 个答案: