解决react报错“JSX 表达式必须具有一个父元素“

现象如下:

解决react报错“JSX 表达式必须具有一个父元素“_第1张图片

 解决react报错“JSX 表达式必须具有一个父元素“_第2张图片

 原因: 新插入的dom元素跟已有的dom元素平级了必须创建一个共有的根元素

解决办法: 使用<>   标签作为根元素,把所有子元素包裹起来

<>   

      ....原代码

解决react报错“JSX 表达式必须具有一个父元素“_第3张图片

 问题解决!报错消失!

你可能感兴趣的:(reactjs)