问将整数数组映射到值和选择值的id

EN

const get_companys = () => {
    API.get("/companys")
      ...
        r.data = r.data.map(({ id: value, name: label }) => ({ value, label }));
        set_companys(r.data);
      ...
  };

  const get_news_release_categorys = () => {
    API.get("/news_release_categorys")
      ...
        r.data = r.data.map(({ id: value, name: label }) => ({ value, label }));
        set_news_release_categorys(r.data);
      ...
  };

  useEffect(() => {
    get_news_release_categorys();
    get_companys();

    API.get(`/news_release/${props.id}`)
      .then((r) => {
        reset({
          id: r.data.id,
          // Set form value with id ( works )
          company_id: r.data.company_id,
          // Set form with test array of category id's here 
          news_release_categorys: [4, 5, 3],
        });
      })
      .catch((e) => console.log(e));
  }, [props.id, reset]);

0: {value: 1, label: "m&a"}
1: {value: 2, label: "drill result"}
2: {value: 3, label: "mineral resource estimate"}
3: {value: 4, label: "feasibility study"}
4: {value: 5, label: "production guidance"}
...

 {/* Working Correctly */}
      <Controller
        name="company_id"
        rules={{ required: true }}
        control={control}
        render={({ field: { value, onChange } }) => (
          <ReactSelect options={companys} value={companys && companys.find((x) => x.value === value)} onChange={(selected) => onChange(selected.value)} />
        )}
    />

   {/* Multi not loading default "values" */}
      <Controller
        control={control}
        name="news_release_categorys"
        render={({ field: { value, onChange } }) => {
          return <ReactSelect className="basic-multi-select" onChange={(val) => onChange(val.map((c) => c.value))} options={news_release_categorys} isMulti />;
        }}
      />