0

我有两个不同但相似的函数可以进行 api 调用。我想知道有没有办法让他们咖喱？

const getNameMatches = async partialName=> {
  const { data: documents} = await axios.get(
    `api/Documents/SearchDocument?searchString=${partialName}`,
  );
  const { data: clients } = await axios.get('api/Clients/GetAll');
  return documents.map(document=> ({
    label: document.Name,
    subLabel: clients.find(c => c.id === document.clientID)?.firstName,
    value: document,
  }));

const getAddressMatches = async partialAddress=> {
  const { data: documents} = await axios.get(
    `api/Documents/SearchDocumentByAddress?searchString=${partialAddress}`,
  );
  const { data: clients } = await axios.get('api/Clients/GetAll');
  return documents.map(document=> ({
    label: document.propertyAddress,
    subLabel: clients.find(c => c.id === document.clientID)?.firstName,
    value: document,
  }));

我将这两个函数组合成一个函数，但我想对它们进行柯里化并想知道这是否可能。

组合功能：

const getMatches = async (state, partialString) => {
  const tabValue = state.tabValue;
  const { data } = await axios.get(
    `api/Documents/SearchDocument${
      tabValue === 'Address' ? 'ByAddress' : ''
    }?searchString=${partialString}`,
  );
  const { data: clients } = await axios.get('api/Clients/GetAll');
  return data.map(loan => ({
    label: tabValue === 'Name' ? document.name: document.propertyAddress,
    subLabel: clients.find(c => c.id === loan.clientID)?.firstName,
    value: document,
  }));
};
4

2 回答 2

1

唯一的区别是 API URL 和标签。

所以你可以收集它们并使其通用

const getMatches = async (partialValue,type)=> {
  let urlString="",label="";
  if(type==='name'){
        urlString="SearchDocument";
        label="Name";
   }else{
        urlString="SearchDocumentByAddress";
        label="propertyAddress";
   }
  const { data: documents} = await axios.get(
    `api/Documents/${urlString}?searchString=${partialValue}`,
  );
  const { data: clients } = await axios.get('api/Clients/GetAll');
  return documents.map(document=> ({
    label: document[label],
    subLabel: clients.find(c => c.id === document.clientID)?.firstName,
    value: document,
  }));
于 2018-12-26T09:03:10.703 回答
0

如果你真的想要currying，你可以这样做：

const searchFor = type => {
  const path = type === 'name'
    ? 'SearchDocument'
    : 'SearchDocumentByAddress';

  const prop = type === 'name'
    ? 'Name'
    : 'propertyAddress';

  return function(string){
    const apiDocs = `api/Documents/${path}?searchString=${string}`;
    const apiClients = `api/Clients/GetAll`;

    const documents = await axios.get(apiDocs);
    const clients = await axios.get(apiClients);

    return documents.map(document => ({
      label: document[prop],
      subLabel: clients.find(c => c.id === document.clientID).firstName,
      value: document
    }));
  }
}

然后你可以这样称呼它：

const getNameMatches = searchFor('name');
getNameMatches('foobar');

/* OR */

const getAddrMatches = searchFor('address');
getAddrMatches('foobar');
于 2018-12-26T10:01:45.773 回答