javascript-无法按键访问元素

在项目列表中,我尝试传递如下所示的键属性:

 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

我在VideoTutorial中看到了这样的内容,这就是为什么我想知道为什么它不起作用?如何访问项目的密钥?谢谢

解决方法:

key是处理dynamic children update的特殊属性.曾经可以通过props进行访问,但是从v 0.12开始被移出.

您应该使用另一个名称,以免影响React更新dom的方式.理想情况下,您将拥有该key属性,以唯一地标识包含父对象的dom节点以及您自己使用的另一个key(具有其他名称)属性.

上一篇:javascript-是否可以使用react router将值从子路由传递到其父路由?


下一篇:javascript-在同一React组件的不同实例之间切换时使用componentDidMount