- Objective:
- Breadcrumb:
# 概念阐释
像HTML一样，JSX可以使用内嵌元素，首先变量值需要加括号`()`，其次JSX的内嵌元素必须包含一个外部元素，否则将会报错。
```jsx
const myDiv = (
<div>
<h1>Hello world</h1>
</div>
);
```
# 实例
## 错误实例
```js
const paragraphs = (
<p>I am a paragraph.</p>
<p>I, too, am a paragraph.</p>
);
```
需要添加外部元素
```js
const paragraphs = (
<div>
<p>I am a paragraph.</p>
<p>I, too, am a paragraph.</p>
</div>
);
```
# 相关内容
# 参考资料
- [JSX Outer Element](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-front-end-development/tracks/fscj-22-react-part-i/modules/wdcp-22-jsx-752c2293-9f61-412a-92e2-70ad6e01a0a7/lessons/react-jsx-intro/exercises/jsx-outer-elements)