reactjs - Airbnb/react-dates 与 redux-form

Question

我可以在 React 的渲染函数中触发 AirBnb react-dates 的日历，但是如果我在 redux-form 中引用的函数中尝试，没有错误并且它正确显示初始日期但是单击时不要触发日历

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 及其组件的技巧。