无法设置未定义的 Reactjs 的 属性

Question

我是 React 新手，需要您的帮助。

我共享了一个沙箱 link，因为它一切正常。但是当我们添加几个新行（通过单击该行最右边的列的 +）然后如果我们删除一些行（通过单击该行最右边的列的 -）然后再次添加一个新行然后编辑我收到 Cannot set property 错误的行单元格。我知道我必须对 handleDelete 函数进行一些更改，但不知道具体要做什么。请问这里有没有高手，帮帮我。 关于 Icon 除了最后一行，每隔一行应该有 - 图标。

谢谢。如果您需要任何说明，请发表评论。

沙盒link：https://codesandbox.io/s/suspicious-microservice-qd3ku?file=/index.js

Answer 1

render 方法实际上传递了第三个参数，它实际上是您组件的 id，在您的情况下您不重新计算 id，这就是为什么您的 dataSource[key] 尝试访问不不再存在于数据源中。

render: (text, record, id) => (
            <Input
              {/* ... */}
              onChange={e => this.onChange(e, id)}
            />
          )

这里我更新了你的codesandboxhttps://codesandbox.io/s/angry-proskuriakova-6f2u0?file=/index.js:1095-1109

如果您有任何问题，请告诉我。