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

时间:2019-10-04 14:06:33

标签: css reactjs react-select

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

0 个答案:

没有答案