React-Datepicker handleChange с несколькими атрибутами имени - PullRequest
Новая
       11

React-Datepicker handleChange с несколькими атрибутами имени

0 голосов
/ 07 декабря 2018

У меня есть 6 форм ввода, которые используют React-Datepicker.Мне нужно использовать handleChange () для setState 6 раз, но я не понимаю, как получить атрибут name динамически из каждого входа формы, потому что date не содержит никаких других данных при прохождении через функцию.Я пытался передать имя, но это не работает.То же самое касается handleSelect () 

this.state = {
  dateOne: new Date(),
  dateTwo: new Date(),
  dateThree: new Date(),
  dateFour: new Date(),
  dateFive: new Date(),
  dateSix: new Date()
}

handleChange(date) {
  this.setState({ ...this.state, ?????: date });
}

handleSelect(date) {
  this.setState({ ...this.state, ?????: date });
}

<form>
  <DatePicker
    name="dateOne"
    selected={this.state.dateOne}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
  <DatePicker
    name="dateTwo"
    selected={this.state.dateTwo}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
  <DatePicker
    name="dateThree"
    selected={this.state.dateThree}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
 <DatePicker
    name="dateFour"
    selected={this.state.dateFour}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
  <DatePicker
    name="dateFive"
    selected={this.state.dateFive}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
  <DatePicker
    name="dateSix"
    selected={this.state.dateSix}
    onSelect={this.handleSelect}
    onChange={this.handleChange}
  />
</form>

Я также пробовал это: https://github.com/Hacker0x01/react-datepicker/issues/242 без всякой удачи.

Любая помощь будет потрясающей!

...