Merge branch 'docs-translation' of github.com:CoderSerio/zh-hans.react.dev into docs-translation

Author: CoderSerio

src/components/Tag.tsx

@@ -7,23 +7,23 @@ import type {RouteTag} from './Layout/getRouteMeta';
 
 const variantMap = {
   foundation: {
-    name: 'Foundation',
+    name: '基础',
     classes: 'bg-yellow-50 text-white',
   },
   intermediate: {
-    name: 'Intermediate',
+    name: '中级',
     classes: 'bg-purple-40 text-white',
   },
   advanced: {
-    name: 'Advanced',
+    name: '高级',
     classes: 'bg-green-40 text-white',
   },
   experimental: {
-    name: 'Experimental',
+    name: '实验性的',
     classes: 'bg-ui-orange text-white',
   },
   deprecated: {
-    name: 'Deprecated',
+    name: '弃用',
     classes: 'bg-red-40 text-white',
   },
 };

src/content/blog/2022/03/29/react-v18.md

@@ -16,9 +16,9 @@ React 18 现在可以在 npm 上使用啦！在我们的上一篇文章里，我
 
 我们最新的主要版本更新的内容包括自动批处理等开箱即用能力优化，startTransition 等新的 API, 还有支持 Suspense 的流式服务端渲染。
 
-这些 React 18 新功能很多都是基于我们新推出的并发渲染，也就是一种解锁了全新的强大力量的底层变动。并发模式 React 是选择性启用的——只有当你使用了一个并发功能的时候才会开启——但是我们认为它将会对人们构建应用的方式产生巨大的影响。
+这些 React 18 新功能很多都基于我们新推出的并发渲染特性，也就是一种解锁了全新的能力强大的底层变动。并发模式 React 是选择性启用的——只有当你使用了一个并发功能的时候才会开启——但是我们认为它将会对人们构建应用的方式产生巨大的影响。
 
-我们花了很多年时间来研发 React 的并发渲染，同时我们也还考虑为现有用户提供一种过渡的路径。去年夏天，[我们成立了 React 18 工作组](/blog/2021/06/08/the-plan-for-react-18) 来收集社区专家们的反馈信息，保证整个 React 生态系统都能有一个丝滑的升级体验。
+我们花了很多年时间来研发 React 的并发渲染，同时我们也还考虑为现有用户提供一种过渡的路径。去年夏天，[我们成立了 React 18 工作组](/blog/2021/06/08/the-plan-for-react-18) 来收集社区专家们的反馈信息，保证整个 React 生态都能有一个丝滑的升级体验。
 
 如果你忘了，我们在 React 大会 2021 上公开提出了这个愿景：
 
@@ -254,7 +254,7 @@ React 18 中的 Suspense 在与过渡 API 结合时效果最好。如果你在
 
 #### useInsertionEffect {/*useinsertioneffect*/}
 
-`useInsertionEffect` 是一个新的 Hook ，允许 CSS-in-JS 库解决在渲染中注入样式的性能问题。除非你已经建立了一个 CSS-in-JS 库，否则我们不希望你使用它。这个 Hook 将在 DOM 被变更后运行，但在 layout effect 读取新布局之前。这解决了一个在 React 17 及以下版本中已经存在的问题，但在 React 18 中更加重要，因为 React 在并发渲染时向浏览器让步，给它一个重新计算布局的机会。 [参阅文档](/reference/react/useInsertionEffect).
+`useInsertionEffect` 是一个新的 Hook ，允许 CSS-in-JS 库解决在渲染中注入样式的性能问题。除非你已经建立了一个 CSS-in-JS 库，否则我们不希望你使用它。这个 Hook 将在 DOM 被变更后运行，但在 layout effect 读取新布局之前。这解决了一个在 React 17 及以下版本中已经存在的问题，但在 React 18 中更加重要，因为 React 在并发渲染时向浏览器让步，给它一个重新计算布局的机会。 [参阅文档](/reference/react/useInsertionEffect)。
 
 > Note
 >
@@ -264,7 +264,7 @@ React 18 中的 Suspense 在与过渡 API 结合时效果最好。如果你在
 
 请参阅 [如何升级到 React 18](/blog/2022/03/08/react-18-upgrade-guide) 以获取分步说明和完整的中断列表和值得注意的变化。
 
-## Changelog {/*changelog*/}
+## 修改日志 {/*changelog*/}
 
 ### React {/*react*/}
 

src/content/learn/index.md

@@ -5,6 +5,7 @@ translators:
  - sooia
  - KnowsCount
  - QC-L
+ - Zhou Chenyang
 ---
 
 <Intro>
@@ -540,4 +541,4 @@ button {
 
 至此，你已经了解了如何编写 React 代码的基本知识。
 
-Check out the [Tutorial](/learn/tutorial-tic-tac-toe) to put them into practice and build your first mini-app with React.
+看看 [教程](/learn/tutorial-tic-tac-toe)，把它们付诸实践，用 React 建立你的第一个迷你应用程序。

src/content/reference/react-dom/components/textarea.md

@@ -42,7 +42,7 @@ title: "<textarea>"
 
 * `defaultValue`：一个字符串，表示文本框的 [初始值](#providing-an-initial-value-for-a-text-area)。
 
-以下 `<select>` 属性均可用于受控与非受控组件：
+以下 `<textarea>` 属性均可用于受控与非受控组件：
 
 * [`autoComplete`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/textarea#attr-autocomplete)：可以为 `'on'` 或 `'off'`，表示自动完成的行为。
 * [`autoFocus`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/textarea#attr-autofocus)：布尔值。如果为 `true`，React 将在挂载时聚焦该元素。

src/content/reference/react/Children.md

@@ -214,7 +214,7 @@ function RowList({ children }) {
 }
 ```
 
-在上述例子中，`RowList` 用  `<div className="Row">` 包裹了接收到的每一个子元素。举个例子，假设父组件将三个 `<p>` 作为 `children` 属性传递给 `RowList`：
+在上述例子中，`RowList` 用 `<div className="Row">` 包裹了接收到的每一个子元素。举个例子，假设父组件将三个 `<p>` 作为 `children` 属性传递给 `RowList`：
 
 ```js
 <RowList>
@@ -534,7 +534,7 @@ export default function ReversedList({ children }) {
 
 <Note>
 
-像下面这样导入的就是（大写字母 `C` 开头的） `Children` API，本章节将会介绍它的一些替代方案：
+像下面这样导入的就是（大写字母 `C` 开头的）`Children` API，本章节将会介绍它的一些替代方案：
 
 ```js
 import { Children } from 'react';