Question

在项目列表中，我尝试传递key - 道具，如下所示：

 var feedItems = this.props.items.map(function(item){
        return <FeedItem key={item.key} 
                         title={item.title} 
                         description={item.description}
                         voteCount={item.voteCount}
                         onVote={this.props.onVote}/>
    }.bind(this));

以某种方式将无效在 FeedItem 中，我无法像以下那样访问密钥：

this.props.key == undefined

我在视频教程中看到了这一点，这就是为什么我想知道为什么它不会起作用？如何访问项目的密钥？感谢

Answer 1

key是处理dynamic children update的特殊属性。它曾经可以从props访问，但随后从v 0.12开始移出。

您应该使用其他名称，以免它干扰React如何更新dom。理想情况下，您可以使用key属性来唯一标识包含父项中的dom节点，并使用另一个键（具有其他名称）属性供您自己使用。

无法按键访问元素

1 个答案: