代码之家 › 专栏 › 技术社区 › Tryliom

如何在reactjs中修改列表?

list reactjs arrays

1

Tryliom · 技术社区 · 8 年前

在我的应用程序中,我有一个要显示的用户列表(电子邮件、名字和姓氏)。我必须能修改它们。

我在每个输入字段上都使用on change,我必须存储我更改的当前字段并将其修改到列表中,如下所示:

{uuid: "1883dbae-9d3d-4c2b-840c-10efa39b9be3", email: "usertest@gmail.com", first_name: "U", last_name: "T"}
{uuid: "afc498dc-308f-4cf7-91d0-5933c4ef85f2", email: "X@XX.com", first_name: "X", last_name: "XX"}
{uuid: "b4595ed4-af5d-46ca-b480-2bc4ac8d61dc", email: "test@at.dot", first_name: "test", last_name: "test"}
{uuid: "af69c46b-0928-4c2e-b190-334b24964fb5", email: "admin@xxx.com", first_name: "", last_name: ""}

我在reactjs中找不到如何修改,每个示例,只修改 first_name 在第一行。

我的页面完整代码: https://hastebin.com/baguteruki.cs

1 回复 | 直到 8 年前

1

Rodius 8 年前

通常,您会使用某种ID来查找要修改的项。您可以使用UUID来完成此操作。

changeName(id, newName) {
  users.forEach(user => {
    if (user.id === id) {
      user.first_name = newName;
    }
  });
}