useCallback

useCallback 是一个允许你在多次渲染中缓存函数的 React Hook。 你需要传递两个参数给 useCallback：

• 在多次渲染中需要缓存的函数
• 函数内部需要使用到的所有组件内部值的 依赖列表。

import { useCallback } from "react";

function ProductPage({ productId, referrer, theme }) {
  const handleSubmit = useCallback(
    (orderDetails) => {
      post("/product/" + productId + "/buy", {
        referrer,
        orderDetails,
      });
    },
    [productId, referrer]
  );

  // ...
}