Reactjs 在控制组件react redux表单中使用自定义输入时出现问题

我试图将自定义输入传递给react redux表单控件组件，并将新输入的值与标准输入的值一起传递给submit

我有一个代码笔的例子

日期选择器：

import React, { Component } from 'react';
import 'react-datepicker/dist/react-datepicker.css';
import DatePicker from 'react-datepicker';
import moment from 'moment';

class DatePickerInput extends Component {
  constructor (props) {
      super(props)
      this.state = {
        startDate: moment()
      };
      this.handleChange = this.handleChange.bind(this);
    }

    handleChange(date) {
      this.setState({
        startDate: date
      });
    }

  render() {
    return (
      <div>
        <DatePicker
          selected={this.state.startDate}
          onChange={this.handleChange}
        />
      </div>
      );
  }
}

export default DatePickerInput;

表格：

如果有人能看到遗漏了什么，那将是一个很大的帮助。

---

该名称已传递，提交时我可以在控制台中看到它，但开始日期不是：

您的自定义组件中没有实际发送值的地方-它都保持在内部组件状态。您需要确保发送的是已更改的值：

handleChange(date) {
  this.setState({
    startDate: date
  });
  this.props.onChange(date)
}

---

谢谢你的关注，我真的很感激！

handleChange(date) {
  this.setState({
    startDate: date
  });
  this.props.onChange(date)
}