了解更新 CRUD 应用程序

Question

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

Answer 1

假设您的数据库中有产品，您通过 SELECT * FROM products 之类的查询获得这些产品，并且您正在使用 .map()

迭代它们

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

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

了解更新 CRUD 应用程序

Understanding on updating for CRUD application

javascript

client

crud

server

mern