React：在卸载

Question

我有一个使用map函数呈现为<input>的组件数组。

我知道我可以使用autofocus或this.refs.input.focus

专注于最后渲染的元素

如果我想关注之前的输入，其中一个已卸载后该怎么办？有没有办法利用父级中的组件键来关注使用上一个键呈现的子组件？

parent.js：

renderData() {
    return theData.map((d) => {
      return (
        <Child
          key = {d}
        />
      )
    })
}

render() {
    return (
      <div>
        {this.renderData()}
      </div>
    )
}

child.js：

componentWillUnmount(){
    //probably do stuff here
}

render() {
    return(
      <input
        autoFocus
        ref="input"
      />
    )
  }

非常感谢任何帮助！