小编Dan*_*och的帖子

我正在使用 Next.js 制作购物车组件，并且在更新购物车数据后出现刷新问题。我的购物车组件是 Next.js 文档（https://nextjs.org/docs/basic-features/data-fetching#fetching-data-on-the-client-side）中推荐的功能，我在里面有一个组件这称为 products.js，包含我的产品列表，每个产品都有 +/- 按钮来调整它们的数量（发布到数据库）。

我的数据库更新了，但我需要重新获取购物车组件上的数据客户端。我意识到我可以使用 swrs 'mutate' 重新获取 swr 调用，但是当我尝试将回调函数从我的 cart.js 传递到 products.js 时，它显示在控制台日志中，但没有在我的按钮单击。

cartUpdate = cartUpdate.bind(this)在过去的几天里，我尝试过并研究过钩子并尝试了其他事情，但可以使用一些建议。

如果cart.js 是一个类组件，我会cartUpdate在将它传递给product.js 之前绑定我的函数，这会起作用，但是当它是函数对函数还是类对函数时，我似乎无法做同样的事情。

我已经在这几天了，我不确定我是否试图违反一些我不知道的规则，或者我如何重新获取我的数据，同时仍然保持我的代码分离和有点干净.

产品.js：

export default function productsection ({products, cart, cartproducts, feUpdate}){
    console.log("feUpdate", feUpdate)
    return (
        <div>
            {products.map((product, i) => (
                <div className="flex-column justify-content-center mx-2"> 
                <div className="mx-auto card w-100 p-2 my-2">
                <div className="card-body ">
                    <h5 className="card-title text-center">{product.name}</h5>
                    <div className="d-flex justify-content-between">

                        {/* <p>Size Selected: {product.size}</p> */}
                        {/* <p>Total: {product.price * props.cartproducts[i].qty} USD</p> */}

                    <button …