Javascript 缺少具有动态生成的react引导组件的密钥属性

我无意中发现了可疑行为，我不确定这是我自己的错误，还是这是一个react引导错误

当我动态创建导航时，会出现以下错误

main.js:2331警告：数组或迭代器中的每个子级都应该有一个唯一的“key”属性。检查“Header”的呈现方法。看见有关详细信息

如果我正确定义

键

，此错误将消失，但如果我认为不需要，因为

eventKey

应该会处理此问题

代码示例：

render() {
    let routes =[
        {
            name : 'Dashboard',
            path : '/',
        },
        {
            name : 'Navigation Manager Tool',
            path : '/tools/navigation-manager',
        }
    ];

    return (
        <Navbar inverse className="widget-header">
            <Navbar.Header>
                <Nav activeKey={this.props.active.path}>
                    {
                        routes.map((route) => {
                            return (
                                <NavItem eventKey={route.path} href={route.path}>{route.name}</NavItem>
                            );
                        })
                    }
                </Nav>
            </Navbar.Header>
        </Navbar>
    );
}

render（）{
让路=[
{
名称：“仪表板”，
路径：“/”，
},
{
名称：“导航管理器工具”，
路径：'/tools/navigation manager'，
}
];
返回(
{
路线图（（路线）=>{
返回(
{route.name}
);
})
}
);
}

请注意，下面的工作没有任何问题

render() {
    return (
        <Navbar inverse className="widget-header">
            <Navbar.Header>
                <Nav activeKey={this.props.active.path}>
                    <NavItem eventKey="/" href="/">Dashboard</NavItem>
                    <NavItem eventKey="/tools/navigation-manager" href="/tools/navigation-manager">Navigation Manager Tool</NavItem>
                </Nav>
            </Navbar.Header>
        </Navbar>
    );
}

render（）{
返回(
仪表板
导航管理器工具
);
}

键

和

事件键

是不同的属性。他们没有共同之处

如果创建组件数组，则应始终提供

键

---

.

尝试存储映射结果，然后用{routes}输出它们