React：HTML元素如何引用自身？

Question

这是我的设置：

inputRefs = [
  /* input #0's ref */,
  /* input #1's ref */,
  /* input #2's ref */,
  /* etc */
]

selectedInput = 1
selectedStyle = {color:"red"}

每当用户单击“添加新输入”按钮并将其引用添加到上面的 inputRefs 中时，就会创建这样的输入：

<input ref={this.saveRef} style={this.styles[???]}/>

如果 inputRefs 索引等于 selectedInput 的值，如何获取输入以使用 selectedStyle ？

在此示例中，inputRefs [1]应该获得style = {{selectedStyle}}，而其他所有输入都不应获得。

编辑：问题的一部分是“样式”似乎没有采用回调函数或提供对元素的访问权限。如果这样就很好

style={el => /* do something*/}

，但事实并非如此。还有另一种方法可以使“ el”进入样式代码块吗？