React中布局代码中return只能返回有一个元素,如果返回多个并列元素时就会报错:
解决办法就是在并列元素外层包裹一层父元素,如下所示:
export default class Demo extends React.Component {
constructor(props) {
super(props)
this.dataList = [
{ name: 'Javascript', desc: 'Javascript....' },
{ name: 'React', desc: 'React....' },
{ name: 'Vue', desc: 'Vue....' },
{ name: 'Html', desc: 'JHtml....' },
]
}
render() {
return (
// 包裹一层div父元素
<div className='list-wrap'>
{
this.dataList.map((item) => {
return (
// 包裹一层父元素
<div key={item.name}>