reactkey的问题

import React from "react";

import Item from "./components/Item";



class Menu extends React.Component{



    render(){

        const data = this.props.data;

        return (

           

                {data.map((item, index) => {

                    let $item =
                        key={item.id}

                        {...item}

                        index={index}

                    />;



                    if(item.children){

                        return
• 
  
                              {$item}
  
                             
  
                         


                    }else{

                        return
• 
  
                              {$item}
  
                         


                    }

                })}

           

        );

    }

}



Menu.propTypes = {

    data: React.PropTypes.array,

    outlook: React.PropTypes.bool,

    activeId: React.PropTypes.string

};



Menu.defaultProps = {

    data: [],

    outlook: true

};



export default Menu;

import React from "react";



class Item extends React.Component{

    render(){

        let name = this.props.name;

        return (

            {name}

        );

    };

}



export default Item;

import Menu from "./menu";

import React from "react";

import { render } from "react-dom";



const data = [

    {

        name: "一级菜单1",

        id: 1,

        children: [

            {

                name: "二级菜单1",

                id: 11,

                children: [

                    {

                        name: "三级菜单1",

                        id: 111

                    }

                ]

            },

            {

                name: "二级菜单2",

                id: 12

            }

        ]

    },

    {

        name: "一级菜单2",

        id: 2

    }

];



render(

    ,

    document.getElementById('demo')

);

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `Menu`. See https://fb.me/react-warning-keys for more information.