沒有 useEffect 的 rtk 查詢

Question

使用 RTK 查詢，我們是否必須使用效果來在掛載上執行查詢？

React Query 在掛載時執行查詢沒有效果，所以想知道是否有類似的行為？

const Component = ({ id }) => {
  const [postCheckApplication, { data }] = usePostCheckApplicationMutation();

  useEffect(() => {
    postCheckApplication({ application_id: id });
  }, [id]);

  console.log(data);

Answer 1

RTK 查詢不需要 useEffect 在裝載上執行查詢。

RTK 查詢自動處理查詢執行和快取。透過簡單地呼叫生成的端點函數，您將能夠發送請求並接收回應。

根據上面的程式碼你可以這樣優化你的程式碼。

const Component = ({ id }) => {
  const { data } = usePostCheckApplicationMutation({ application_id: id });

  console.log(data);

  return <div>Component content</div>;
};