const Article = () => (
<h3>This is title</h3>
<p>This is content</p>
<span>This is author</span>
);
上述代码在编译的时候会产生如下错误：
"Parsing error: Adjacent JSX elements must be wrapped in a closing tag。"
1、正确的做法有如下几种方式：
正确的做法是用一个元素把以上内容都包裹起来，通常用<div></div>。
const Article = () => (
<div>
<h3>This is title</h3>
<p>This is content</p>
<span>This is author</span>
</div>
);
用<div></div>标签包裹元素会导致渲染出的DOM树中多出一层div节点，尽管大多数时候这样做影响不大，但当需要渲染精确的DOM结构时就会出现问题。此时可以使用React.Fragment包裹组件元素，写法如下：
const Article = () => (
<React.Fragment>
<h3>This is title</h3>
<p>This is content</p>
<span>This is author</span>
</React.Fragment>
);
或者
const Article = () => (
<>
<h3>This is title</h3>
<p>This is content</p>
<span>This is author</span>06
</>
);
所有的标签一定要闭合，例如，<span>hello</span>。即使在HTML中通常不闭合的标签，如<img>，也应该写成自闭合的形式，如<img />。如果在编译代码时提示“Expected corresponding JSX closing tag for...”，则需要检查代码中是否有未闭合的标签。
