Reactjs 警告：为'DateRangePicker'提供的'function'类型的'RecoverPickerOnClearDates'无效，应为'boolean'`_Reactjs_React Dates

Reactjs 警告：为'DateRangePicker'提供的'function'类型的'RecoverPickerOnClearDates'无效，应为'boolean'`

reactjs

Reactjs 警告：为'DateRangePicker'提供的'function'类型的'RecoverPickerOnClearDates'无效，应为'boolean'`,reactjs,react-dates,Reactjs,React Dates,我正在使用react16.13.1和react dates21.8.0。我面临着DateRangePicker组件的问题（SingleDatePicker工作正常）我使用它如下： <DateRangePicker // startDate={this.props.filters.startDate} endDate={this.props.filters.endDate} onDatesChange={this.onDatesChange} focuse

我正在使用react

16.13.1

和react dates

21.8.0

。我面临着

DateRangePicker

组件的问题（

SingleDatePicker

工作正常）

我使用它如下：

<DateRangePicker
    // startDate={this.props.filters.startDate}
    endDate={this.props.filters.endDate}
    onDatesChange={this.onDatesChange}
    focusedInput={this.state.focused}
    endDateId="your_unique_end_date_id" // PropTypes.string.isRequired,
    startDateId="your_unique_start_date_id" // PropTypes.string.isRequired,
    onFocusChange={this.onFocusChange}
    showClearDates={true}
    numberOfMonths={1}
    isOutsideRange={() => false}
    regular = {()=> true}
    reopenPickerOnClearDates= {()=>true}
/>

以下是完整的警告信息：

index.js:1 Warning: Failed prop type: Invalid prop `reopenPickerOnClearDates` of type `function` supplied to `DateRangePicker`, expected `boolean`.
    in DateRangePicker (at ExpenseListFilters.js:42)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   ExpenseListFilters.js:40
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1
index.js:1 Warning: Failed prop type: DateRangePicker: unknown props found: regular
    in DateRangePicker (at ExpenseListFilters.js:42)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   ExpenseListFilters.js:40
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1
index.js:1 Warning: Failed prop type: Invalid prop `reopenPickerOnClearDates` of type `function` supplied to `DateRangePickerInputController`, expected `boolean`.
    in DateRangePickerInputController (created by DateRangePicker)
    in DateRangePicker (at ExpenseListFilters.js:42)
    in div (at ExpenseListFilters.js:30)
    in form (at ExpenseListFilters.js:25)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   DateRangePicker.js:884
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1

index.js:1警告：失败的属性类型：为'DateRangePicker'提供的'function'类型的'RecoverPickerOnClearDates'无效，应为'boolean'。
在DateRangePicker中（位于expensListFilters.js:42）
在ExpenseSistFilters中（由ConnectFunction创建）
在ConnectFunction中（位于ExpenseDashboard.js:8）
在div中（位于ExpenseDashboard.js:7）
在ExpenseDashboard中（由Context.Consumer创建）
途中（在批准人js:44处）
输入开关（在批准者js:43处）
部门内（批准人js:11）
路由器中（由BrowserRouter创建）
浏览器路由器中（AppRouter.js:10）
批准人（见附录js:13）
供应商内部（位于App.js:12）
应用程序内（位于src/index.js:16）
在StrictMode中（在src/index.js:15处）
控制台@index.js:1
printWarning@checkPropTypes.js:20
checkPropTypes@checkPropTypes.js:82
validatePropTypes@react.development.js:1714
createElementWithValidation@react.development.js:1813
render@ExpenseListFilters.js:40
finishClassComponent@react dom.development.js:17160
updateClassComponent@react dom.development.js:17110
beginWork@react dom.development.js:18620
beginWork$1@react dom.development.js:23179
performUnitOfWork@react dom.development.js:22154
workLoopSync@react dom.development.js:22130
performsyncworkroot@react dom.development.js:21756
scheduleUpdateOnFiber@react dom.development.js:21188
updateContainer@react dom.development.js:24373
（匿名）@react dom.development.js:24758
unbatchedUpdates@react dom.development.js:21903
legacyRenderSubtreeIntoContainer@react dom.development.js:24757
render@react dom.development.js:24840
/src/index.js@index.js:14
__webpack_require__@bootstrap:784
fn@bootstrap:150
1@configureStore.js:17
__webpack_require__@bootstrap:784
checkDeferredModules@bootstrap:45
webpackJsonpCallback@bootstrap:32
（匿名）@main.chunk.js:1
js:1警告：失败的道具类型：DateRangePicker:找到未知道具：常规
在DateRangePicker中（位于expensListFilters.js:42）
在ExpenseSistFilters中（由ConnectFunction创建）
在ConnectFunction中（位于ExpenseDashboard.js:8）
在div中（位于ExpenseDashboard.js:7）
在ExpenseDashboard中（由Context.Consumer创建）
途中（在批准人js:44处）
输入开关（在批准者js:43处）
部门内（批准人js:11）
路由器中（由BrowserRouter创建）
浏览器路由器中（AppRouter.js:10）
批准人（见附录js:13）
供应商内部（位于App.js:12）
应用程序内（位于src/index.js:16）
在StrictMode中（在src/index.js:15处）
控制台@index.js:1
printWarning@checkPropTypes.js:20
checkPropTypes@checkPropTypes.js:82
validatePropTypes@react.development.js:1714
createElementWithValidation@react.development.js:1813
render@ExpenseListFilters.js:40
finishClassComponent@react dom.development.js:17160
updateClassComponent@react dom.development.js:17110
beginWork@react dom.development.js:18620
beginWork$1@react dom.development.js:23179
performUnitOfWork@react dom.development.js:22154
workLoopSync@react dom.development.js:22130
performsyncworkroot@react dom.development.js:21756
scheduleUpdateOnFiber@react dom.development.js:21188
updateContainer@react dom.development.js:24373
（匿名）@react dom.development.js:24758
unbatchedUpdates@react dom.development.js:21903
legacyRenderSubtreeIntoContainer@react dom.development.js:24757
render@react dom.development.js:24840
/src/index.js@index.js:14
__webpack_require__@bootstrap:784
fn@bootstrap:150
1@configureStore.js:17
__webpack_require__@bootstrap:784
checkDeferredModules@bootstrap:45
webpackJsonpCallback@bootstrap:32
（匿名）@main.chunk.js:1
index.js:1警告：失败的属性类型：提供给`DateRangePickerInputController`的`function`类型的`RestorePickerOnClearDates`无效，应为`boolean`。
在DateRangePickerInputController中（由DateRangePicker创建）
在DateRangePicker中（位于expensListFilters.js:42）
在div中（ExpenseListFilters.js:30）
形式上（ExpenseListFilters.js:25）
在ExpenseSistFilters中（由ConnectFunction创建）
在ConnectFunction中（位于ExpenseDashboard.js:8）
在div中（位于ExpenseDashboard.js:7）
在ExpenseDashboard中（由Context.Consumer创建）
途中（在批准人js:44处）
输入开关（在批准者js:43处）
部门内（批准人js:11）
路由器中（由BrowserRouter创建）
浏览器路由器中（AppRouter.js:10）
批准人（见附录js:13）
供应商内部（位于App.js:12）
应用程序内（位于src/index.js:16）
在StrictMode中（在src/index.js:15处）
控制台@index.js:1
printWarning@checkPropTypes.js:20
checkPropTypes@checkPropTypes.js:82
validatePropTypes@react.development.js:1714
createElementWithValidation@react.development.js:1813
render@DateRangePicker.js:884
finishClassComponent@react dom.development.js:17160
updateClassComponent@react dom.development.js:17110
beginWork@react dom.development.js:18620
beginWork$1@react dom.development.js:23179
performUnitOfWork@react dom.development.js:22154
workLoopSync@react dom.development.js:22130
performsyncworkroot@react dom.development.js:21756
scheduleUpdateOnFiber@react dom.development.js:21188
updateContainer@react dom.development.js:24373
（匿名）@react dom.development.js:24758
unbatchedUpdates@react dom.development.js:21903
legacyRenderSubtreeIntoContainer@react dom.development.js:2475
index.js:1 Warning: Failed prop type: Invalid prop `reopenPickerOnClearDates` of type `function` supplied to `DateRangePicker`, expected `boolean`.

index.js:1 Warning: Failed prop type: Invalid prop `reopenPickerOnClearDates` of type `function` supplied to `DateRangePicker`, expected `boolean`.
    in DateRangePicker (at ExpenseListFilters.js:42)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   ExpenseListFilters.js:40
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1
index.js:1 Warning: Failed prop type: DateRangePicker: unknown props found: regular
    in DateRangePicker (at ExpenseListFilters.js:42)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   ExpenseListFilters.js:40
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1
index.js:1 Warning: Failed prop type: Invalid prop `reopenPickerOnClearDates` of type `function` supplied to `DateRangePickerInputController`, expected `boolean`.
    in DateRangePickerInputController (created by DateRangePicker)
    in DateRangePicker (at ExpenseListFilters.js:42)
    in div (at ExpenseListFilters.js:30)
    in form (at ExpenseListFilters.js:25)
    in ExpenseListFilters (created by ConnectFunction)
    in ConnectFunction (at ExpenseDashboard.js:8)
    in div (at ExpenseDashboard.js:7)
    in ExpenseDashboard (created by Context.Consumer)
    in Route (at AppRouter.js:44)
    in Switch (at AppRouter.js:43)
    in div (at AppRouter.js:11)
    in Router (created by BrowserRouter)
    in BrowserRouter (at AppRouter.js:10)
    in AppRouter (at App.js:13)
    in Provider (at App.js:12)
    in App (at src/index.js:16)
    in StrictMode (at src/index.js:15)
console.<computed>  @   index.js:1
printWarning    @   checkPropTypes.js:20
checkPropTypes  @   checkPropTypes.js:82
validatePropTypes   @   react.development.js:1714
createElementWithValidation @   react.development.js:1813
render  @   DateRangePicker.js:884
finishClassComponent    @   react-dom.development.js:17160
updateClassComponent    @   react-dom.development.js:17110
beginWork   @   react-dom.development.js:18620
beginWork$1 @   react-dom.development.js:23179
performUnitOfWork   @   react-dom.development.js:22154
workLoopSync    @   react-dom.development.js:22130
performSyncWorkOnRoot   @   react-dom.development.js:21756
scheduleUpdateOnFiber   @   react-dom.development.js:21188
updateContainer @   react-dom.development.js:24373
(anonymous) @   react-dom.development.js:24758
unbatchedUpdates    @   react-dom.development.js:21903
legacyRenderSubtreeIntoContainer    @   react-dom.development.js:24757
render  @   react-dom.development.js:24840
./src/index.js  @   index.js:14
__webpack_require__ @   bootstrap:784
fn  @   bootstrap:150
1   @   configureStore.js:17
__webpack_require__ @   bootstrap:784
checkDeferredModules    @   bootstrap:45
webpackJsonpCallback    @   bootstrap:32
(anonymous) @   main.chunk.js:1