React-jsx二维数组的遍历

React中jsx对于二维数组的遍历可以通过map方法，记得需要为每一个元素传入一个key值，不然会报错，提示the key is unique;

const data = [
    [
        { title: "阿甘0", description: "讲述阿甘的奋斗" },
        { title: "阿甘1", description: "讲述阿甘的奋斗" },
        { title: "阿甘2", description: "讲述阿甘的奋斗" },
        { title: "阿甘3", description: "讲述阿甘的奋斗" },
    ],
    [
        { title: "阿甘4", description: "讲述阿甘的奋斗" },
        { title: "阿甘5", description: "讲述阿甘的奋斗" },
        { title: "阿甘6", description: "讲述阿甘的奋斗" },
        { title: "阿甘7", description: "讲述阿甘的奋斗" },
    ]
];
//通过唯一的title可以确定唯一的key；
{
    data.map( items => (
        items.map( item => (
           <div key ={item.title}>{item.description}</div>
        ))
    ))
}