React Select disable options

isDisabled={this.props.disabled}

You are passing a wrong prop.. For v2, the prop is isDisabled.

https://github.com/JedWatson/react-select/issues/145


In react-select v2:

  1. add to your array of options a property 'disabled': 'yes' (or any other pair to identify disabled options)

  2. use isOptionDisabled props of react-select component to filter options based on 'disabled' property

Here's an example:

import Select from 'react-select';

const options = [
  {label: "one", value: 1, disabled: true},
  {label: "two", value: 2}
]

render() {

 <Select id={'dropdown'}
         options={options}
         isOptionDisabled={(option) => option.disabled}>
 </Select>

}

More information about react-select props is in the docs and here's an example they reference.