了解更新 CRUD 应用程序

问题描述

有人对如何为 MERN-CRUD 开发制作客户端有很好的解释吗？我遇到的问题是 CRUD 的更新部分。我似乎无法弄清楚如何将数据导入表单以便更新。在所有情况下，一旦单击编辑表单，表单中将不会出现任何数据。关于如何理解这一点的任何信息都会很棒。谢谢。

解决方法

假设您的数据库中有产品，您使用 SELECT * FROM products 之类的查询获取这些产品，然后使用 .map()

迭代它们

products.map((product) => {
          return (  
            <ProductComponent key={product.item_id} id={product.item_id} {...product}/>         
          );
        });

还假设您在 ProductComponent 中有一个更新表单。您可以使用 ProductComponent 访问 props.id 中的产品 ID，并且可以使用 props 填写表单以访问产品的属性（例如 price、name 等）因为我们做了{...product}。当您点击更新按钮时，发送产品 id，形成数据并运行查询