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

Question

我是新来的反应，我需要你的帮助。

我已经分享了一个沙盒链接，一切正常。但是当我们添加几个新行时（通过单击行最右边的列处的+）然后如果我们删除一些行（通过单击行的最右边列处的-）然后再次添加一个新行然后编辑该行单元格我收到Cannot set property 错误。我知道我必须对handleDelete 函数进行一些更改，但不知道具体要做什么。哪位高手来了，请帮帮我。 关于Icon，除了最后一行，其他每一行都应该有- 图标。

谢谢。如果您需要任何澄清，请发表评论。

沙盒链接：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)}
            />
          )

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

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