Include `name` property in `onChange(selected)`

This would make it easier to use a single onChange handler for tracking current state.

e.g. The same change handler

const onChange = (selected) => {
  this.setState({ [selected.name]: selected.value })
}

Could be used for

<Select
    name="form-field-name-one"
    value="one"
    options={optionsForOne}
    onChange={onChange}
  />

<Select
    name="form-field-name-two"
    value="two"
    options={optionsForTwo}
    onChange={onChange}
  />

My current workaround is to create a handler which uses a closure to track the name.

_createChangeHandler(name) {
  const onChange = (newValue) => this.setState({ [name]: newValue.value });
  return onChange;
}

const onChange = this._createChangeHandler(name);
return (
  <Select
    name={name}
    value={this.state[name]}
    onChange={onChange}
    ...
  />
);

but I’d prefer it be available from the function’s argument(s).

[1-800-jono]

It seems weird that there’s no option to retrieve the name of the Select. How are people dealing with multiple Selects in forms? Multiple onChange functions…?

[rhysstubbs]

The fact this functionality hasn’t been implemented is enough for me to switch to a different solution, is there any hope this will change? Will pull-requests be accepted for it?