如何在查询参数reactjs中传递数组

Question

我正在使用多选下拉列表，我想要的是我在下拉列表中选择的任何内容，通过调用包含查询参数的 api 将其发送到服务器以容纳这些下拉结果。我制作了一系列选定的项目。 数组（3）[“IphoneXR”、“诺基亚”、“三星”] 我希望这个数组像这样传递到 url 下面：http://localhost:8080/details?dropdown=IphoneXR,Nokia,Samsung。通过我的方法，我最终得到了这个：http://localhost:8080/details?dropdown[]=IphoneXR&dropdown[]=Nokia。我不确定为什么 dropdown[] 会出现两次。谁能帮我一下

Answer 1

如果您通过表单操作将其直接传递给 url，它将在 url 中发送，如下所示：index.html?cars=萨博&汽车=欧宝&汽车=奥迪

尝试像这样通过 js 处理表单

Answer 2

将数组转换为字符串并将值传递到查询参数中。

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

数组：详细信息：控制台输出

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

在控制台中转换为string:Output后，Iphone,Samsung

现在在查询参数中传递这个字符串数据

如何在查询参数reactjs中传递数组

How to pass an array in query parameter reactjs

javascript

arrays

reactjs

typescript

multi-select