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 => (
           
{item.description}
)) )) }

你可能感兴趣的:(前端学习)