如何在react js中存储动态字段数据

Question

我正试图将动态字段值存储到数据库中，如以下格式，

"items": [
{
"item_id" : 6,
"description" : "",
"quantity" : "1"
},{
"item_id" : 5,
"description" : "",
"quantity" : "60"
}
]

请指导我用代码，如何可以在存储它们使用useState钩子谢谢!下面是这些值的字段https://i.stack.imgur.com/Zyqm4.jpg

注意:我使用的是功能反应组件

Answer 1

我认为你应该为你的项目创建一个模型，然后你可以创建这些对象的列表，序列化它们并将它们发布到你的数据库。模型示例:

class Item {
constructor(item_id, description, quantity) {
this.item_id = item_id;
this.description = description;
this.quantity = quantity;
}
}
export default Item;

现在，当有人填写你的表格，你可以使用onSubmit函数创建一个新的模型实例，并将其添加到你的列表中，在用户完成使用表单后，你可以有一个Submit到post到db

(这是实现目标的一种方法)