javascript - 将键添加到 Array.map

Question

我正在努力了解如何解决警告:

key is not a prop. Trying to access it will result in undefined being returned. If you need to access the same value within the child component, you should pass it as a different prop.

我在我的 map 函数中添加了“i”，并将其作为“键”传递给我的 child 。

我不确定“将其作为不同的 Prop 传递”是什么意思。我做错了什么？

 {   
          this.state.accounts.map(function(account, i){
              return (
                  <AccountCard 
                         key={i}
                         lastTransactions = {account.lastTransactions} 
                         bank={account.bank} 
                         number={account.number} 
                         id={account.id} 
                   />         
             )
       })
    }

在 AccountCard 组件中，我像这样访问 key /ID:

 <div className=" col-lg-4 col-md-6 col-sm-12 col-xs-12" key={this.props.key}>

Answer 1

不要访问 this.props.key。 Key 是给 React 本身的。如果您需要键的值“将其作为不同的 Prop 传递”。例如:

<AccountCard 
  key={i}
  myKey={i}
  lastTransactions = {account.lastTransactions} 
  bank={account.bank} 
  number={account.number} 
  id={account.id} 
 />  

Key 是给 React 的，myKey 是给你用 this.props.myKey 访问的。查看docs例如。