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

Javascript 将键用作React中子组件的道具,javascript,reactjs,Javascript,Reactjs,我想在React中呈现元素列表,使用元素的键作为每个项前面的索引。但是使用props.key只返回未定义的。你知道如何访问密钥属性吗 这是家长: {options.map((option, index) => { return ( <Option key={index + 1} optionText={option} /> ); })} {options.map((选项,索引)=>{ 返回( ); })} 这是孩子: const Option = p

我想在React中呈现元素列表,使用元素的键作为每个项前面的索引。但是使用props.key只返回
未定义的
。你知道如何访问密钥属性吗

这是家长:

{options.map((option, index) => {
 return (
  <Option
   key={index + 1}
   optionText={option}
  />
 );
})}
{options.map((选项,索引)=>{
返回(
);
})}
这是孩子:

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

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


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


传递另一个道具,如:Key,然后在child中使用它component@mjsameri没有办法直接访问它吗?同样的问题有很好的答案:我不这么认为,我的朋友friend@eladfrizi非常感谢你!那正是我想要的!我怎样才能结束这个问题?传递另一个道具,如:Key,然后在child中使用它component@mjsameri没有办法直接访问它吗?同样的问题有很好的答案:我不这么认为,我的朋友friend@eladfrizi非常感谢你!那正是我想要的!我怎样才能结束这个问题?