javascript - 单击reactjs表行中的 'Edit'按钮时如何保存我的用户数据

Question

我创建了一个包含用户信息的表，并在每一行中添加了“编辑”和“删除”按钮。当“编辑”按钮处于“可编辑”模式时，它会更改为“输入文本”字段，我可以更新名称。在 Rows.jsx 文件中，我创建了一个函数调用“onSaveStopEditing”，在这里我设置了从状态到变量调用“UsersData”的新用户数据。但现在我需要将此状态数据作为“callBack(data)”函数发送给父级(即 table_view.jsx)，然后将其更新/覆盖为原始数据。我尝试了多种方法通过回调函数将数据发送给父级，但似乎没有任何效果。还尝试检查互联网，但没有得到我正在寻找的答案。非常感谢您的任何帮助!提前致谢。

我的代码链接:https://codesandbox.io/s/edit-delete-inreact-dec2019-8hslp

Answer 1

1. 看起来this.state[name]应该是this.state.usersData[name](第26行)

2. 第 50 行应该删除，因为它正在改变州的形状。

3. 您尝试过哪些方式来传递回调？看来你有

          {data.map(item => {
            console.log("Data-item", item);
            return <Rows item={item} />;
          })}

您是否尝试过将回调作为 props 传递，例如:

          {data.map(item => {
            console.log("Data-item", item);
            return <Rows callback={someFn} item={item} />;
          })}

然后从行:

props.callback(whateverDataToSend)