React-select: Pressing backspace when item is selected already

Created on 13 Sep 2016 · 4Comments · Source: JedWatson/react-select

Hello, i think i have found a bug. Its important to have some option selected first to reproduce the behavior!

My component:

<Select
options={datasource}
value={this.state.value}
    onChange={value=>{
        let isArray = value == null ? false : value.constructor == Array
        this.setState({value: isArray ? null : value})
    }}
/>

Scenario A:

select an option ( onChange param value == { value: X, label: Y} )
click clearing cross ( onChange param value == null ) - which is expected result

Scenario B:

select an option ( onChange param value == { value: X, label: Y} )
press backspace ( onChange param value == []) - expected value == null

Explanation:
I mean, when you click clearing cross OR press backspace when the Select has MULTI enabled, value param is the same in both cases - an empty array. Thats correct, the result should be 0-N items, an array.

When you do this with SINGLE-value Select, clicking cross sets value param to null BUT pressing backspace sets it to empty array instead of null, which seems inconsistent and a bit confusing to me. Thats why there is the isArray condition in my onChange method. The result should be null/object, not an array.

Is this a bug or not?
Thanks for your answer in advance.

Good job & keep it up!
HK

Source