循环遍历数组并选择特定于 setstate

Question

New react developer here, here i have two API's, first one gives an object:

{ id: "98s7faf", isAdmin: true, name: "james"}

second one gives an array of objects:

[
  { billingName: "trump", driverName: "james" },
  { billingName: "putin", driverName: "alex" },
  { billingName: "kalle", driverName: "james" },
  { billingName: "sussu", driverName: "trump" },
  { billingName: "vladimir", driverName: "james" },
]

my question is, when user goes to the page, the page should automatically check both API'S, from first api name and from second api driverName , and if those two have same value then take that specific object from an array and pass it to these:

setOrders(res);
setRenderedData(res);

so at the moment there are three objects (those which have value of james ) inside an array which matches name from first api, so it should pass those, and the rest which have different value it should not let them pass. here is my code, what have i done wrong? instead of some(({ driverName }) i need some kind of filter?

 useEffect(() => { api.userApi.apiUserGet().then((res1?: User ) => { return api.caApi.apiCaGet(request).then((res?: CaDto[]) => { if (res.some(({ driverName }) => driverName === res1?.name)) { setOrders(res); setRenderedData(res); console.log(res); } }); }); }, [api.caApi, api.userApi]);

Answer 1

you need to filter your response to extract the right objects given your condition.

 useEffect(() => {
  api.userApi.apiUserGet().then((res1?: User ) => {
  return api.caApi.apiCaGet(request).then((res?: CaDto[]) 
  => {
    const filteredData = res?.filter(({ driverName }) => driverName === res1?.name);
    if(filteredData?.length) {
      setOrders(filteredData);
      setRenderedData(filteredData);
      console.log(filteredData);
    }
  });
});
}, [api.caApi, api.userApi]);

note: having 2 states that holds the same values (orders, renderedData) is not a good practice, you might consider to refactor your logic.