javascript - 重新渲染后重置 react-day-picker 状态

Question

所以基本上在我的应用程序中，我有一个通过填写表格来创建新事件的功能。

不幸的是，问题是我有一个来自https://react-day-picker.js.org/examples/selected-multipleDayPicker的多选组件，我想在卸载时清除它的状态，因为我想要新的空日历在每一个新的形式。没有那个记忆旧状态。DayPicker

我也在redux-form使用 https://redux-form.com/7.3.0/docs/gettingstarted.md/

有什么想法可以实现吗？

MultiDayPicker

import React, {Component} from 'react';
import DayPicker, {DateUtils} from 'react-day-picker';
import PropTypes from 'prop-types';

import 'react-day-picker/lib/style.css';

export default class MultiDayPicker extends Component {

  state = {
    selectedDays: []
  };

  handleDayClick = (day, {selected}) => {
    const {selectedDays} = this.state;

    if (selected) {
      const selectedIndex = selectedDays.findIndex(selectedDay =>
        DateUtils.isSameDay(selectedDay, day)
      );

      selectedDays.splice(selectedIndex, 1);
    } else {
      selectedDays.push(day);
    }

    this.setState({selectedDays});
    this.props.input.onChange(selectedDays);
  };

  render() {
    return (
      <div>
        <DayPicker
          selectedDays={this.state.selectedDays}
          onDayClick={this.handleDayClick}
        />
      </div>
    );
  }
}