react.js(dva.js)动态添加表单(input)，删除后的问题

Question

基于dva.js开发的，无状态组件；

下面是主要代码:

const arrEl = [1,2];
arrEl.map((item, index) => (
  <div key={index}>
    <input />
    <button onClick={ (index)=> {arrEl.splice(index, 1)} }>Del</button>
  </div>
));

<button onClick={ arrEl.push(arrEl.length + 1) }>Add</button>

现在的问题是，当我点击 Add 添加一个元素到 arrEl 后，组件会重新渲染并且会增加一个 input 没有问题，
但是当我点击 Del 执行删除操作时，也能删除成功，但是后边的 input 的值是删除的那个 input 的值；

比如:

<input value='1' />
<input value='2' />
<input value='3' />

如果我删除 2，页面上显示的 dom 是 1 和 3 但是 3 的 value 值是 2

Answer 1

劳驾请问一下这个问题最后怎么解决的啊？

Answer 2

你input的值在哪里设的啊？感觉你这个是数组索引的问题