Airbnb/反应日期与 redux 形式

Question

我可以在 React 的渲染函数中触发 AirBnb 反应日期的日历，但是如果我在 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

我整理了将所有反应日期的代码删除到另一个组件。所以，我有两个组件：一个组件是 redux-form 的代码，其中导入自定义组件 DatePicker。在组件中，DatePicker 是我放置所有关于反应日期的地方，它的组件 这个技巧奏效了。