Ralat .isSuccess React Query berlaku apabila saya menggunakan axios untuk membuat permintaan dapatkan

Question

const searchInvoiceList = async (
  plantLoc: rentetan,
  invoiceOption: rentetan
) => {
  biarkan data: InvoiceData[] = [];
  tunggu aksios
    .get(`${linkURL}inv/getControlList/${plantLoc}/${invoiceOption}`)
    .then((respons) => {
      data = response.data.sqlData;
    })
    .catch((error) => console.error(error));
  mengembalikan data;
};

  const fetchInvois = useQuery({
    Kunci pertanyaan: [
      "Data invois",
      plantLocationOptionChecked.value,
      invoiceOptionChecked.value,
    ],
    queryFn: () =>
      searchInvoiceList(
        plantLocationOptionChecked.value,
        invoiceOptionChecked.value
      ),
    didayakan: palsu,
    cuba semula: 0,
  });
  jika (fetchInvoices.isSuccess) {
    if (fetchInvoices.data.length === 0) {
      toast.error("搜索结果为空");
    }
    setFetchedInvoiceData(fetchInvoices.data);
  }
  jika (fetchInvoices.isError) {
    console.log(fetchInvoices.error);
  }

我有一个按钮，有一个onClick事件，调用fetchInvoices.refetch()时出现错误。第一个错诇是月多。React限制了渲染次数以防止无限循环。”如果我去掉setFetchedInvoiceData(fetchInvoices.data);并且数组返回为0，它会触发我的react-hot-toast函数索索"且索索"且索);< ;/kod>但然后我会收到警告“在渲染不同组件（Apl）时无法更染不同组件（Apl gt;）”。我做错了什么，如何修复这个问题？

Answer 1

Sukar untuk memberi anda penyelesaian terbaik tanpa melihat keseluruhan kod komponen anda, tetapi pada masa ini saya lihat anda akan mendapat fetchInvoices.isSuccess上运行条件，解决的最佳方法是将其添加到useEffect pada setiap paparan semula seperti ini:

useEffect(() => {
      if (fetchInvoices.isSuccess) {
        if (fetchInvoices.data.length === 0) {
          toast.error("搜索结果为空");
        }
        setFetchedInvoiceData(fetchInvoices.data);
      }
     if (fetchInvoices.isError) {
       console.log(fetchInvoices.error);
     }
   }, [fetchInvoices.isSuccess, fetchInvoices.isError])