如何将数组传递给url

问题描述

我正在将类别数组传递给url

 const data = {
      page: 1,limit: limit,categories : catIdArray,//["5f3a495c47c36c8e926fc85d"]
    };


props.onPagination(data);

但收到这样的结果：

'{url}/leads?page=1&limit=15&categories=5f3a495c47c36c8e926fc85d'

我想将此数组作为数组传递。您能指导我如何将数组传递给url吗？

网址：

const url = `${LEADS}?page=${action.payload.page}&limit=${action.payload.limit}&categories=${categories ? categories : ''}`;

解决方法

不要直接传递数组，而是先对其进行字符串化。

代码将变为：

const data = {
  page: 1,limit: limit,categories : JSON.stringify(catIdArray),//["5f3a495c47c36c8e926fc85d"]
};


props.onPagination(data);

这将根据需要传递数组。

,

这是因为您在数组中只有"5f3a495c47c36c8e926fc85d"

个项目

我创建了这个示例，该示例在url中包含类别。 https://codesandbox.io/s/modest-drake-4xy0i?file=/src/App.js

,

您可以利用JavaScript $table = []; $users = 0; $posts = 0; foreach($users as $user){ foreach($user->posts){ $table[$posts][$users] = $post->name; $posts++; } $users++; } 对象的优势，该对象使您可以定义查询字符串

的复杂链

URLSearchParams