[Question] - Is it possible to just pass a id to value rather than label and id ?

I would expect this to work like this:

<select value={this.state.valueId} onChange={this.handleChange}>
     <option value="some_id_name">Grapefruit</option>
</select>

where as im finding it needs to be passed in value={{label: this.state.label, value: this.state.valueId}} This is highly annoying as all my results come from a database of just IDs and i use a reference list of options to select them

Any work arounds ?

im currently having to search for the correct label against my reference data which is more loops than id rather be doing.

Thanks Luke

[gtaylor44]

I totally agree with @designalchemy

Version 1.x had the correct implementation. The value attribute in select options are always unique. Why do we have to provide an object for the value prop 😕

It means that I have to do a filter operation like Luke has mentioned above or custom workarounds for Select inputs to place nice with my other form components. This adds unnecessary complexity.

Why was this change made?

[SeanRoberts]

Totally understand the decision to go in this direction, and it’s not too tough to refactor my old components to work with the new API, but this should probably be called out more clearly in both the intro documentation as well as the upgrade documentation. It might also be nice to use a different prop name than value in order to make it clear that this component isn’t a drop-in replacement for a normal select.

I can take a stab at writing a bit of documentation if that would be welcome.