React-更改输入时自动提交表单

onChange 事件。它正常工作 input 但不知怎么的 react-select gist 我的反应成分。

我特别想更新 startDate 和 endDate EducationForm is changing an uncontrolled input of type text to be controlled . 我想是因为 和 实际结束 没有初始值,所以我在构造函数中添加了以下内容:

this.state.attributes.startDate = ''
this.state.attributes.endDate = ''

一旦改变 事件 Select

<Select
  className='form-control'
  name='startDate'
  value={attributes.startDate}
  required={true}
  onChange={e => {
    this.updateAttribute(e, 'startDate')
  }}
  options={this.options}
/>

<Select
  className='form-control'
  name='endDate'
  value={attributes.endDate}
  required={true}
  onChange={e => {
    this.updateAttribute(e, 'endDate')
  }}
  options={this.options}
/>

updateAttribute 打电话给 submitForm 方法:

updateAttribute = (e: ReactEvent, attribute: string) => {
  e.preventDefault && e.preventDefault()

  const attributes = {
    ...this.state.attributes,
    [attribute]: e.target ? e.target.value : e
  }
  this.setState({ attributes: attributes }, () => this.submitForm())
}