Add class to default value component

Hello recently i been working with multi select and needed to highlight the value that had been clicked. I accomplished it by using default Value component as valueComponent and adding class to it. But only way to add class it to mutate props.value. Is there better way to add class to default value component?

Here my code.

import Value from 'react-select/src/Value';

  ValueComponent(props){
    if (props.value.value === this.props.highlighted){
      props.value.className = 'Select-value-highlighted';
    }
    return (<Value {...props}/>);
  }

      <Select
        ...
        valueComponent = {this.ValueComponent}
        />

One other way is to wrap component with div that have class, but this div will be redundant and css will look not so clean.

Also will it be bette if you expose Value directly, so it can be imported like following? `import {Value} from ‘react-select’;``

[SeanSilke]

@dspoonia7 No I didn’t. I end up with modifying props.value.className as mentioned earlier.

[bladey]

Hello -

In an effort to sustain the react-select project going forward, we’re closing old issues / pull requests.

We understand this might be inconvenient but in the best interest of supporting the broader community we have to direct our limited efforts to maintain the latest version.

If you feel this issue / pull request is still relevant and you’d like us to review it, please leave a comment and we’ll do our best to get back to you.