如何在查詢參數 reactjs 中傳遞數組

Question

我正在使用多選下拉列表，我想要的是我在下拉列表中選擇的任何內容，通過調用包含查詢參數以容納這些下拉結果的 api 將其發送到服務器。 我已經制作了一系列選定的項目。 Array(3) [ "IphoneXR", "Nokia", "Samsung" ]我希望這個數組像這樣傳遞到 url 下面： http://localhost:8080/details?dropdown=IphoneXR,Nokia,Sam . 通過我的方法，我最終得到了這個： http://localhost:8080/details?dropdown[]=IphoneXR&dropdown[]=Nokia 。 我不確定為什么 dropdown[] 會出現兩次。 誰能幫我解決這個問題

Answer 1

如果您通過表單操作將其直接傳遞給 url，它將在 url 中發送，如下所示： index.html? 汽車=薩博&汽車=歐寶&汽車=奧迪

嘗試像這樣通過js處理表單如何處理ReactJS中的多個select表單

Answer 2

將數組轉換為字符串並在查詢參數中傳遞值。

multiSelectHandler = (option) => {
    const details = option.selectedItems;
   const stringData =  details.map(({value}) => `${value}`).join(',');
   console.log(stringData);
  };

陣列：詳細信息：控制台中的 Output

0: Object { value: "Iphone", label: "Iphone" }
    ​1: Object { value: "Samsung", label: "Samsung"}

轉換成字符串后：Output 在控制台， Iphone,Samsung

現在在 queryparam 中傳遞這個 stringData