javascript - 我怎样才能访问 react 中的 key ？

Question

我有这样的代码:

counter = 0,
this.props.array.map((obj)=>{
    counter++
    return(
        <input key={counter} type="number" min={0} defaultValue={obj.quantity} onChange={(e)=>{this.changing(key, counter)}}/>
    )
})
changing = (value, key)=>{
    console.log(key + ' changed')
}

如你所见，我在错误的地方使用了“key”，但它根本不起作用

而且如果我使用“计数器”而不是“ key ”，它总是返回最新的“计数器”

请告诉我如何访问元素中的 key

Answer 1

您应该在映射时使用数组中的索引。不存储计数器

this.props.array.map( (obj, idx)=>{
    return(
        <input key={idx} type="number" min={0} defaultValue={obj.quantity} onChange={this.changing.bind(null, idx)}}/>
    )
})
// notice i changed your handler for change. You should use `.bind` not an inline arrow as its not as performant as `.bind`

changing = (key) => {
    console.log(key + ' changed')
}

我觉得这不是你想要的。您是否正在尝试找出 key 以便知道要更新存储中的内容？您想在这里实现什么目标？