在React的子组件中将键用作道具

Question

我想使用元素的键作为每个项目前面的索引来呈现React中的元素列表。但是使用props.key只会返回undefined。有什么想法如何访问键属性？

这是父母：

{options.map((option, index) => {
 return (
  <Option
   key={index + 1}
   optionText={option}
  />
 );
})}

这是孩子：

const Option = props => {
 const option = props.optionText;
 const myKey = props.key;
 return (
  <div className="option">
   {myKey} {option}
  </div>
 );
};

Answer 1

密钥由React保留。您需要添加另一个具有不同名称的道具。

https://reactjs.org/warnings/special-props.html