如何使用react-select

Question

当您使用react-select多选选项时，默认行为是为每个值选择后插入彼此。

您可以在此处的示例网站上看到MultiSelect选项的此行为。 https://jedwatson.github.io/react-select/

如何在之前插入每个值组件，而不是之后？ 是否有某种技巧可以做到这一点？

这是一个代码框。 https://codesandbox.io/s/y8RD0GVWg

提前致谢。

Answer 1

订购所选值的秘诀在于处理更改的函数。

它会对每个新选择进行汇总，您可以将其拆分为数组并将其反转。

 handleSelectChange = value => {
     const data = value.split(',');

    const d = [
      data[data.length-1],
      ...data.slice(0, data.length - 1),
    ]

    console.log("You've selected:", value, data, d);

    this.setState({ value: d });
  };