1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Create and customize a single and multi-select dropdown with React Select

    reactReact

    Dropdowns tend to be difficult. The behaviour of <select/> element varies from browser to browser and it's difficult to add options to search the values, select multiple values at once, remove ones that have been selected one by one etc.

    Instead of reinventing the wheel, it's worth to use a well-tested, battle-proven solution like React Select.

    In this lesson we are going to learn how to: use Select component to create a dropdown, convert it to a multi select input using isMulti prop, specify a default value using defaultValue prop and add custom styles using styles property based on CSS-in-JS.