无法摆脱地图中唯一键的反应警告

时间:2017-05-14 02:45:31

标签: javascript reactjs

我的下面的代码出了什么问题?我有key = {obj._id},我希望我不会看到警告,但我仍然得到它。

  

警告:数组或迭代器中的每个子节点都应该有一个唯一的“键”   支柱。检查渲染方法..

renderListItems(items){
        return(
            <div>
            {map(items, obj =>
                <div key={obj._id} className="panel-body panel-row">
                    <div  className="row">
                        <div className="col-md-12">
                            <h2 className="title">{obj.display_name}</h2>
                            <p className="edited">Last edited on {moment(obj.updated_at).format('DD MMM YYYY')}</p>
                            <div className="actions_wrap">
                                <Link to={`/mall-promospace/edit/${obj._id}`}>Edit</Link>
                                <a onClick={()=> this.setState({openConfirmationModal:true, selectedItemId: obj._id, selectedItemName: obj.display_name})}>Delete</a>
                            </div>
                        </div>
                    </div>
                </div>
            )}
            </div>
        )
    }

2 个答案:

答案 0 :(得分:0)

我认为你编写了一些错误的东西。您应该在数组上应用“map”函数。

试试这个:

[3,2,10,1/k,1.1/k]

答案 1 :(得分:0)

t.is_not_a_date_time()