` elements to our JSX to make our React code work, especially when working with lists (`
`, `` and ``) and the HTML ``.
-In these cases we should rather use [React Fragments](/docs/fragments.html) to group together multiple elements.
+当我们将 `` 元素添加到 JSX 中以使我们的 React 代码工作时，有时我们会破坏 HTML 语义，特别是在使用列表（`
`，``和``）和 HTML ` ` 时。
+在这些情况下，我们应该使用 [React Fragments](/docs/fragments.html) 将多个元素组合在一起。
-For example,
+例如：
```javascript{1,5,8}
import React, { Fragment } from 'react';
@@ -73,7 +72,7 @@ function Glossary(props) {
}
```
-You can map a collection of items to an array of fragments as you would any other type of element as well:
+您可以使用 fragments 数组作为集合的 items ，像任何其他类型的元素一样：
```javascript{6,9}
function Glossary(props) {
@@ -91,7 +90,7 @@ function Glossary(props) {
}
```
-When you don't need any props on the Fragment tag you can use the [short syntax](/docs/fragments.html#short-syntax), if your tooling supports it:
+如果您的工具支持，并且 Fragment 标签上不需要任何 props 时，可以使用[短语法](/docs/fragments.html#short-syntax)：
```javascript{3,6}
function ListItem({ item }) {
@@ -104,7 +103,7 @@ function ListItem({ item }) {
}
```
-For more info, see [the Fragments documentation](/docs/fragments.html).
+更多信息，参见 [Fragments 文档](/docs/fragments.html).
## Accessible Forms {#accessible-forms}