Javascript 如何使用reactjs&materialui单击按钮后将文本字段添加到表中的特定行

每当单击“特定行添加”按钮时，我想将多个文本字段添加到表中的特定行，目前我可以在单击“添加”按钮时添加文本字段，但每当单击“添加”按钮时，文本字段都会添加到表中的每一行。此外，添加图标需要在最后一个文本字段旁边，但目前我只能在第一个文本字段上实现它。请有人帮帮我。我迄今为止所取得成就的形象

正如您所看到的，我试图在第一行添加文本字段，但它会自动在表的每一行中添加文本字段

工作代码沙盒：

---

您必须处理每行的按钮单击。现在只有一个状态，因此它显示在每个单元格中，您必须处理每行的按钮单击。现在只有一个状态，因此它显示在每个单元格中

也许可以尝试一下

希望它能解决你正在寻找的问题，如果不能，请提供一个更详细的问题，你到底想要什么

目前，这只适用于一行，也可能适用于两行，您可以通过添加一个文本字段区域来尝试。它不完全是一个文本字段区域，但应该是一个类似的修复方法。

也许可以尝试一下

希望它能解决你正在寻找的问题，如果不能，请提供一个更详细的问题，你到底想要什么

---

目前，这只适用于一行，也可能适用于两行，您可以通过添加一个文本字段区域来尝试。它不完全是一个文本字段区域，但应该是一个类似的修复方法。

有几种方法可以做到这一点。正如穆罕默德所说，一个快速的方法是处理每一行的按钮点击

这意味着您需要将行Id传递给addCustomFile方法，并将其存储在数组中

然后，在主表体中映射customRow数组时，确保仅当customRow.rowID与当前呈现的行ID匹配时，才添加两个自定义列

---

我已经修改了你的沙盒，有几种方法。正如穆罕默德所说，一个快速的方法是处理每一行的按钮点击

这意味着您需要将行Id传递给addCustomFile方法，并将其存储在数组中

然后，在主表体中映射customRow数组时，确保仅当customRow.rowID与当前呈现的行ID匹配时，才添加两个自定义列

---

我已经修改了你的沙盒

我如何实现它？我如何实现它？你能参考一下这个链接吗？它将以广泛的方式解释这个问题。你能参考一下这个链接吗？这将从广义上解释问题。是否可以按照相同的步骤删除行内的特定文本字段？是否可以按照相同的步骤删除行内的特定文本字段？