<p><br /></p> <pre class="brush:php;toolbar:false;">const searchInvoiceList = async ( plantLoc: string, invoiceOption: string ) =&gt; { let data: InvoiceData[] = []; await axios .get(`${linkURL}inv/getControlList/${plantLoc}/${invoiceOption}`) .then((response) =&gt; { data = response.data.sqlData; }) .catch((error) =&gt; console.error(error)); return data; }; const fetchInvoices = useQuery({ queryKey: [ "invoiceData", plantLocationOptionChecked.value, invoiceOptionChecked.value, ], queryFn: () =&gt; searchInvoiceList( plantLocationOptionChecked.value, invoiceOptionChecked.value ), enabled: false, retry: 0, }); if (fetchInvoices.isSuccess) { if (fetchInvoices.data.length === 0) { toast.error("搜索结果为空"); } setFetchedInvoiceData(fetchInvoices.data); } if (fetchInvoices.isError) { console.log(fetchInvoices.error); }</pre> <p>我有一个按钮，有一个onClick事件，调用fetchInvoices.refetch()时出现错误。第一个错误是“重新渲染次数过多。React限制了渲染次数以防止无限循环。”如果我去掉<code>setFetchedInvoiceData(fetchInvoices.data);</code>并且数组返回为0，它会触发我的react-hot-toast函数<code>toast.error("搜索结果为空");</code>但然后我会收到警告“在渲染不同组件（<code>App</code>）时无法更新组件（<code>Ie</code>）”。我做错了什么，如何修复这个问题？</p>

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])