javascript - 在React中更新行

我在ReactJS中有一个表，该表使用map函数显示来自数据库的数据。它的工作原理如下：

 displayData(){
 return this.state.legoParts.map((legoPart) => (
  <tr key={legoPart.id} onClick={() => this.showForm(legoPart)}>
    <td>
    {legoPart.piece}
    </td>
    <td>
    {legoPart.type}
    </td>
  </tr>
   )
 )
}

但是，我希望在单击该行时出现一个使用与表行相同的数据的表单，以便随后可以使用该表单来更新数据。老实说，我不知道该怎么做-我不确定是否应该将表格放在表格中，并在单击时显示它或其他内容。任何帮助，将不胜感激！

最佳答案

您需要使用应用程序状态来跟踪您正在编辑的零件，并且在渲染表格时，根据该应用程序状态决定是渲染表格行还是表格。我在这里举了一个例子：https://codesandbox.io/s/624p7zpzww

关于javascript - 在React中更新行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47534134/