# 翻译任务认领说明 > 注意： > > 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 **由于维护者精力有限，认领任务和此列表可能不是实时同步的，请根据情况关注下方评论以防撞车，在加载所有隐藏评论后，可以通过使用浏览器“查找”功能在该页面查找相关关键词，迅速定位，确认是否有过认领**。 ## 任务认领列表 <!-- MAIN_CONTENT --> - [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 <!-- 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 <!-- 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
翻译任务认领说明
注意：每个评论只能有一条任务，如有多条，请分开评论，保证评论数与任务数一致。
从 Todo List 中选取未被人领取过的文章：
未被领取过：
领取过，但未提 PR：
领取过，已提 PR：
领取过，已合并：
领取方式，在本 issue 下评论即可。
认领任务格式：
Section | Title | 译者 | 完成时间 | PR -- | -- | -- | -- | -- learn | index | @QC-L | 2021.10.28 - 2021.10.30 | -示例效果：
当完成时，请修改自己的认领评论，添加 PR 信息：
由于维护者精力有限，认领任务和此列表可能不是实时同步的，请根据情况关注下方评论以防撞车，在加载所有隐藏评论后，可以通过使用浏览器“查找”功能在该页面查找相关关键词，迅速定位，确认是否有过认领。
任务认领列表
learn
reference
Site UI
Secondary Content
Optional Content
community
blog
warnings