從 react-select isMulti 禁用特定選項 reactjs

Question

我應該如何根據提供的條件從 react-select isMulti 中禁用特定選項。

import Select from 'react-select'
const Systems = () => {
  const [dataSystems, setdataSystems] = useState([])
  const [systemDetails, setsystemDetails] = useState({
    SYSTEMID: 1,
    ......
  })

  const getSystems = async() => {
   await axios.get('/API')
     .then(response => {
       setdataSystems(response.data)
     })
  }

const [multiSelected, setmultiSelected] = useState();
var handleMultiSelect = (e) => {
  setmultiSelected(Array.isArray(e)?e.map(x=> x.value):[]);
}

const bodyInsertDepSystem = (
  .......
  <Select
    isMulti
    options = {dataSystems.map(e => ({ label: e.SYSTEMALIAS, value: e.SYSTEMID }))}
    onChange = {handleMultiSelect} > </Select>
)


}

我想要做的是從與 systemDetails.SYSTEMID 具有相同 ID 的下拉列表中刪除禁用 SYSTEMID。

希望你能幫我解決這個問題。

我在這方面真正做的是：在編輯過程中，我想將一個 SYSTEMID 與多個 SYSTEMID 相關聯，但我想禁用或刪除具有相同 SYSTEMID 的那個

Answer 1

<Select
  isMulti
  options = {dataSystems.map(e => ({
    label: e.SYSTEMALIAS,
    value: e.SYSTEMID
    isDisabled: e.SYSTEMID == systemDetails.SYSTEMID ? true: null
    }))}
  onChange = {handleMultiSelect}>
</Select>