在使用date-fns格式化的react-day-picker输入上输入日期

时，可以按照以下步骤进行：

引入相关库和组件：确保已经安装了date-fns和react-day-picker库，并在需要的地方引入它们。

import { format } from 'date-fns';
import DayPicker from 'react-day-picker';
import 'react-day-picker/lib/style.css';

创建日期输入字段和处理日期的函数：在你的React组件中，创建一个输入字段和一个处理日期的函数。

state = {
  selectedDate: null
};

handleDateChange = (date) => {
  this.setState({ selectedDate: date });
};

在render方法中渲染日期选择器：在render方法中，使用react-day-picker组件渲染日期选择器，并通过props传递所需的属性。

render() {
  const { selectedDate } = this.state;

  return (
    <div>
      <DayPicker
        selected={selectedDate}
        onDayClick={this.handleDateChange}
      />
      {selectedDate && (
        <div>
          Selected date: {format(selectedDate, 'yyyy-MM-dd')}
        </div>
      )}
    </div>
  );
}

在上述代码中，通过selected属性将selectedDate传递给日期选择器，通过onDayClick属性将handleDateChange函数传递给日期选择器的每个日期单元格。当用户点击日期时，handleDateChange函数将被调用，更新selectedDate的状态。