Я хочу расположить выбранные элементы из Select isMulti в другом месте.
То, что я делал раньше, было скрыть выбранные значения и сохранить выбранные значения в каком-то состоянии и отобразить в другом месте.
Но так у меня нет четкого индикатора для этого элемента.
handleChange = (event) => {
this.setState({secondarySelectedOptions: event});
};
render() {
const { secondarySelectedOption } = this.state;
return (
<>
<Select
isMulti
name="secondary"
options={this.state.options}
styles={{
multiValue: base => ({
...base,
display: "none"
}),
}}
onChange={this.handleChange}
value={secondarySelectedOption}
/>
</>
)
<div className='half-width'>
{this.state.secondarySelectedOptions.map((item) => (
<div>{item.value}</div>
))}
</div>