Translation Progress Assignment Claims

# 翻译任务认领说明

> 注意：
>
> 1. 一次尽量只认领一篇，给其他小伙伴留些机会；
>
> 2. 认领开始前，请务必阅读 [翻译流程说明](https://github.com/reactjs/zh-hans.react.dev/issues/603)；
>
> 3. 请按 [排版指南](https://github.com/reactjs/zh-hans.react.dev/wiki/React-Translation-Guide) 进行排版，如遇排版问题将打回重改，请遵循规范节省大家时间。

**注意：每个评论只能有一条任务，如有多条，请分开评论，保证评论数与任务数一致**。

从 Todo List 中选取未被人领取过的文章：

未被领取过：

* [ ] index

领取过，但未提 PR：

* [ ] index (@QC-L)

领取过，已提 PR：

* [ ] index #640

领取过，已合并：

* [x] index #640 

**领取方式，在本 issue 下评论即可**。

认领任务格式：

```markdown
Section | Title | 译者 | 完成时间 | PR
-- | -- | -- | -- | --
learn |  index | @QC-L | 2021.10.28 - 2021.10.30 | -
```

示例效果：

Section | Title | 译者 | 完成时间 | PR
-- | -- | -- | -- | --
learn |  index | @QC-L | 2021.10.28 - 2021.10.30 | -

当完成时，请修改自己的认领评论，添加 PR 信息：

Section | Title | 译者 | 完成时间 | PR
-- | -- | -- | -- | --
learn |  index | @QC-L | 2021.10.28 - 2021.10.30 | #602

**由于维护者精力有限，认领任务和此列表可能不是实时同步的，请根据情况关注下方评论以防撞车，在加载所有隐藏评论后，可以通过使用浏览器“查找”功能在该页面查找相关关键词，迅速定位，确认是否有过认领**。

## 任务认领列表 

- [x] learn
  - [x] [add-react-to-an-existing-project](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/add-react-to-an-existing-project.md)
  - [x] [adding-interactivity](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/adding-interactivity.md) #1053 
  - [x] [choosing-the-state-structure](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/choosing-the-state-structure.md) #1094 
  - [x] [conditional-rendering](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/conditional-rendering.md) #636 
  - [x] [describing-the-ui](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/describing-the-ui.md) #650 
  - [x] [editor-setup](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/editor-setup.md) #633 
  - [x] [escape-hatches](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/escape-hatches.md) #1165 
  - [x] [extracting-state-logic-into-a-reducer](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/extracting-state-logic-into-a-reducer.md) #693 
  - [x] [importing-and-exporting-components](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/importing-and-exporting-components.md) #637 
  - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/index.md) #696 
  - [x] [installation](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/installation.md) #607 
  - [x] [javascript-in-jsx-with-curly-braces](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/javascript-in-jsx-with-curly-braces.md) #672 
  - [x] [keeping-components-pure](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/keeping-components-pure.md) #642 
  - [x] [lifecycle-of-reactive-effects](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/lifecycle-of-reactive-effects.md) #1178 
  - [x] [managing-state](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/managing-state.md) #653 
  - [x] [manipulating-the-dom-with-refs](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/manipulating-the-dom-with-refs.md) #665 
  - [x] [passing-data-deeply-with-context](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/passing-data-deeply-with-context.md) #675 
  - [x] [passing-props-to-a-component](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/passing-props-to-a-component.md) #647 
  - [x] [preserving-and-resetting-state](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/preserving-and-resetting-state.md) #679 
  - [x] [queueing-a-series-of-state-updates](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/queueing-a-series-of-state-updates.md) #677 
  - [x] [react-developer-tools](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/react-developer-tools.md) #644 
  - [x] [reacting-to-input-with-state](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/reacting-to-input-with-state.md) #692 
  - [x] [referencing-values-with-refs](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/referencing-values-with-refs.md) #649 
  - [x] [removing-effect-dependencies](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/removing-effect-dependencies.md) #1144
  - [x] [render-and-commit](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/render-and-commit.md) #686 
  - [x] [rendering-lists](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/rendering-lists.md) #676 
  - [x] [responding-to-events](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/responding-to-events.md) #635 
  - [x] [reusing-logic-with-custom-hooks](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/reusing-logic-with-custom-hooks.md) #1157 
  - [x] [scaling-up-with-reducer-and-context](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/scaling-up-with-reducer-and-context.md) #694 
  - [x] [separating-events-from-effects](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/separating-events-from-effects.md) #1167 
  - [x] [sharing-state-between-components](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/sharing-state-between-components.md) #652 
  - [x] [start-a-new-react-project](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/start-a-new-react-project.md) #1111 
  - [x] [state-a-components-memory](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/state-a-components-memory.md) #651 
  - [x] [state-as-a-snapshot](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/state-as-a-snapshot.md) #643 
  - [x] [synchronizing-with-effects](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/synchronizing-with-effects.md) #1269
  - [x] [thinking-in-react](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/thinking-in-react.md) #682 
  - [x] [tutorial-tic-tac-toe](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/tutorial-tic-tac-toe.md) #1116
  - [x] [updating-arrays-in-state](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/updating-arrays-in-state.md) #654 
  - [x] [updating-objects-in-state](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/updating-objects-in-state.md) #1136 
  - [x] [writing-markup-with-jsx](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/writing-markup-with-jsx.md) #673
  - [x] [you-might-not-need-an-effect](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/you-might-not-need-an-effect.md) #1155 
  - [x] [your-first-component](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/learn/your-first-component.md) #641 

- [x] reference
  - [x] react-dom
    - [x] client
      - [x] [createRoot](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/client/createRoot.md) #1266 
      - [x] [hydrateRoot](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/client/hydrateRoot.md) #1139 
      - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/client/index.md) #1171 
    - [x] components
      - [x] [common](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/components/common.md) #1187 
      - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/components/index.md) #1239 
      - [x] [input](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/components/input.md) #1242 
      - [x] [option](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/components/option.md) #1198
      - [x] [progress](https://github.com/reactjs/zh-hans.react.dev/blob/main/src/content/reference/react-dom/components/progress.md) #1195
      - [x] [select](https://github.com/reactjs/zh-hans.react.dev/blob/main/src/content/reference/react-dom/components/select.md) #1200
      - [x] [textarea](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/components/textarea.md) #1201
    - [x] hooks
      - [x] [useFormState](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/useFormState.md) #1367 
      - [x] [useFormStatus](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/useFormStatus.md) #1348  
    - [x] server
      - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/index.md) #1202
      - [x] [renderToNodeStream](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToNodeStream.md) #1205
      - [x] [renderToPipeableStream](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToPipeableStream.md) #1257 
      - [x] [renderToReadableStream](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToReadableStream.md) #1228 
      - [x] [renderToStaticMarkup](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToStaticMarkup.md) #1149 
      - [x] [renderToStaticNodeStream](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToStaticNodeStream.md) #1206
      - [x] [renderToString](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/server/renderToString.md) #1181 
    - [x] [createPortal](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/createPortal.md) #1140 
    - [x] [findDOMNode](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/findDOMNode.md) #1203 
    - [x] [flushSync](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/flushSync.md) #1244  
    - [x] [hydrate](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/hydrate.md) #1211 
    - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/index.md) #1221 
    - [x] [render](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/render.md) #632 
    - [x] [unmountComponentAtNode](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react-dom/unmountComponentAtNode.md) #1204 
  - [x] react
    - [x] [apis](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/apis.md) #1175 
    - [x] [components](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/components.md) #1131 
    - [x] [createContext](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/createContext.md) #1120 
    - [x] [directives](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/directives.md) #1247
    - [x] [experimental_useEffectEvent](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/experimental_useEffectEvent.md) #1161 
    - [x] [forwardRef](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/forwardRef.md) #1147
    - [x] [Fragment](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/Fragment.md) #1174 
    - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/index.md) #1098 
    - [x] [isValidElement](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/isValidElement.md) #1191 
    - [x] [lazy](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/lazy.md) #1101 
    - [x] [memo](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/memo.md) #1160 
    - [x] [Profiler](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/Profiler.md) #1180 
    - [x] [startTransition](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/startTransition.md) #1104 
    - [x] [StrictMode](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/StrictMode.md) #1186 
    - [x] [Suspense](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/Suspense.md) #1176 
    - [x] [useCallback](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useCallback.md) #1231  
    - [x] [useContext](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useContext.md) #1097 
    - [x] [useDebugValue](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useDebugValue.md) #1141 
    - [x] [useDeferredValue](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useDeferredValue.md) #1156 
    - [x] [useEffect](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useEffect.md) #1122 
    - [x] [useId](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useId.md) #1108 
    - [x] [useImperativeHandle](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useImperativeHandle.md) #1123 
    - [x] [useInsertionEffect](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useInsertionEffect.md) #1166 
    - [x] [useLayoutEffect](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useLayoutEffect.md) #1106 
    - [x] [useMemo](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useMemo.md) #1121 
    - [x] [useReducer](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useReducer.md) #1268 
    - [x] [useRef](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useRef.md) #1132 
    - [x] [useState](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useState.md) #1135 
    - [x] [useSyncExternalStore](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useSyncExternalStore.md) #1143 
    - [x] [useTransition](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/useTransition.md) #1142
    - [x] [use-client](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/use-client.md) #1248 #1377
    - [x] [use-server](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/use-server.md) #1250 #1378

### Site UI

- [x] [index](https://github.com/reactjs/zh-hans.react.dev/blob/main/src/components/Layout/HomeContent.js) #1087 
- [x] sidebars
- [x] top-level navigation

## Secondary Content 

- [x] [legacy](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/legacy.md)
  - [x] [Children](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/Children.md) #1222 
  - [x] [cloneElement](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/cloneElement.md) #1207 
  - [x] [Component](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/Component.md) #1234 
  - [x] [createElement](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/createElement.md) #1210
  - [x] [createFactory](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/createFactory.md) #1220 
  - [x] [createRef](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/createRef.md) #1138 
  - [x] [index](https://github.com/reactjs/zh-hans.react.dev/blob/main/src/content/reference/react/legacy.md) #1251
  - [x] [PureComponent](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/reference/react/PureComponent.md) #1209 

## Optional Content 

- [x] community
  - [x] [acknowledgements](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/acknowledgements.md)
  - [x] [conferences](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/conferences.md) （not to translate)
  - [x] [docs-contributors](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/docs-contributors.md) #1260 
  - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/index.md)
  - [x] [meet-the-team](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/meet-the-team.md) #1271
  - [x] [meetups](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/meetups.md) （not to translate)
  - [x] [team](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/team.md)
  - [x] [versioning-policy](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/versioning-policy.md) #1256 
  - [x] [videos](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/community/videos.md) （not to translate)

- [x] blog
  - [x] [index](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/index.md) #1212 
  - [x] 2020/12/21
    - [x] [data-fetching-with-react-server-components](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2020/12/21/data-fetching-with-react-server-components.md) #1232
  - [x] 2021
    - [x] 06/08
      - [x] [the-plan-for-react-18](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2021/06/08/the-plan-for-react-18.md) #1246 
    - [x] 12/17
      - [x] [react-conf-2021-recap](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2021/12/17/react-conf-2021-recap.md) #1259 
  - [x] 2022
    - [x] 03
      - [x] 08
        - [x] [react-18-upgrade-guide](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2022/03/08/react-18-upgrade-guide.md) #1263 
      - [x] 29
        - [x] [react-v18](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2022/03/29/react-v18.md) #1245 
    - [x] 06/15
      - [x] [react-labs-what-we-have-been-working-on-june-2022](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.md) #1255 
  - [x] 2023/03
    - [x] 16
      - [x] [introducing-react-dev](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2023/03/16/introducing-react-dev.md) #1219 
    - [x] 22
      - [x]  [react-labs-what-we-have-been-working-on-march-2023](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023.md) #1217 
  - [x] 2023/05/03
    - [x] [react-canaries](https://github.com/reactjs/zh-hans.react.dev/blob/main/src/content/blog/2023/05/03/react-canaries.md) #1213 

- [x] warnings
  - [x] [invalid-aria-prop](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/warnings/invalid-aria-prop.md) #1224 
  - [x] [invalid-hook-call-warning](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/warnings/invalid-hook-call-warning.md) #1153 
  - [x] [special-props](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/warnings/special-props.md) #1226
  - [x] [unknown-prop](https://github.com/reactjs/zh-hans.react.dev/tree/main/src/content/warnings/unknown-prop.md) #1227

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translation Progress Assignment Claims #602

翻译任务认领说明

任务认领列表

Site UI

Secondary Content

Optional Content

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development