score:3

Accepted answer

one way to do it is to create your own select component like customselect that you import instead of react-select where you set for one the custom style or theme like:

import react, { component } from 'react'
import select from 'react-select'

class customselect extends component {
  render() {

    const styles = {
      ...
      // what ever you need
    }

    return <select styles={styles} {...this.props} />
  }
}

export default customselect

i can't really tell if it's the best way or not but i've tried both of it and in a big project with many select it's the easiest way to maintain / modify it. plus it's really convenient if at some point you need to have custom components.


Related Query

More Query from same tag