css - react-select 是否可以从 isMulti 中移动选定的值？

Question

我想将 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>

标签： cssreactjsreact-select