将加入查询字符串参数添加到资源

Question

我正在使用“ ra-data-treeql”的React-Admin（我正在使用“ Php-crud-api”）。

我设定 const dataProvider = treeqlprovider（'https://www.apiurl.xyz/'）;

，然后

const app =（）=＆gt; （＆lt; admin dataProvider = {dataProvider}＆gt;＆lt; resource name =“ sellers” list = {sellerList}/＆gt;＆lt;＆lt;/admin＆gt; ，

带有来自API的“简单”资源要加入不同的表（例如，邮递员的部分URL是卖家？join = brands＆amp; join = products）。 如何在资源名称中添加加入参数？如果我使用 ＆lt;资源名称=“卖家？join = brands＆amp; join = products” list = {sellerList} /＆gt; 我收到一个错误。

谢谢大家

Answer 1

从我在这里看到的问题是，错误是在查询字符串中发送两次“加入”：一次相等的产品和第二次平等品牌，这使API调用混淆。
但是实际上，我不想将其作为部分路径发送到另一个组件。

因此，我希望仅将参数发送到资源组件，并且在所有操作的情况下（例如：制作查询字符串）。

function getQueryString(params: any, targetPath?: string) {
  if (!params) { return ''; }
  const esc = encodeURIComponent;
  const pathTo = targetPath || '';
  return `${pathTo}?${Object.keys(params)
    .filter((param) => params[param] !== null && params[param] !== undefined)
    .map((param) => `${esc(param)}=${esc(params[param])}`).join('&')}`;
}

然后，您可以将其称为您想要的地方：

const qs = getQueryString({
    join: "brands",
    products: "anything",
    thirdParameter: "test"
  }, "seller");
// qs will be : "seller?join=brands&products=anything&thirdParameter=test" 
 
    const url = `your-api-base-url/${qs}`;