javascript - 如何从 React 元素(更改时)获取 "key"属性？

Question

我想在选择onChange时获取选项的值和键。

我知道我可以在 onChangeOption 函数中使用 event.target.value 简单地获取选项的值，但是我如何获取 key ？

<select onChange={this.onChangeOption} value={country}>
    {countryOptions.map((item, key) =>
        <option key={key} value={item.value}>
            {item.name}
        </option>
    )}
</select>

Answer 1

您需要将 key 中的值作为不同的 prop 传递。

来自文档:

Keys serve as a hint to React but they don’t get passed to your components. If you need the same value in your component, pass it explicitly as a prop with a different name:

阅读:https://reactjs.org/docs/lists-and-keys.html