在 React 中使用 'ref' 作为数组

Question

我在 React with Redux 中尝试将输入引用为数组时遇到一些问题。

下面的代码为数组中的每篇文章映射一个面板。

var articles = this.props.item.array.articles.map((article, index) => {
     return <Panel key={index} header={'Article ' + index}>
        <Input type='select' ref='id' label='Article' defaultValue={article.id} >
          {articles}
        </Input>
     </Panel>
})

我正在尝试构建引用，以便它们采用数组格式，目前这似乎是不可能的。 Array of references. #1899

我想我可以通过创建某种 ref="article["+counter+"][id]"

来解决这个问题

但这是一个糟糕的解决方案，我真的不想走那条路。

下面的 json 数组将是我想要的参考格式：

"articles": [
        {
            "_joinData": {
                "price": "100",
                "quantity": "50"
            },
            "id": "05f54207-fb6f-40b5-820e-26059a803343"
        },
        {
            "_joinData": {
                "price": "200",
                "quantity": "70"
            },
            "id": "05f54207-fb6f-40b5-820e-26059a803343"
        }
]

价格和数量指数将增加 2 个输入。

我决定不将其包含在代码示例中。

非常感谢解决此问题的好方法。

Answer 1

我相信您可以使用 Object.keys.

像数组一样遍历 this.refs

例如。 Object.keys(this.refs).forEach(key => func(this.refs[key]))

给运行func函数每个参考。

在 React 中使用 'ref' 作为数组

Using 'ref' as array in React

arrays

ref

reactjs