Translation Progress Assignment Claims

先阅读 issue #603 中链接的翻译流程和 React Translation Guide。查看评论和 Todo List，寻找一篇尚未被认领的文章，然后使用指定的表格格式认领它；当翻译已提交且认领评论中包含其 PR 时，即视为完成。

翻译任务认领说明

注意：

1. 一次尽量只认领一篇，给其他小伙伴留些机会；

2. 认领开始前，请务必阅读 翻译流程说明；

3. 请按 排版指南 进行排版，如遇排版问题将打回重改，请遵循规范节省大家时间。

注意：每个评论只能有一条任务，如有多条，请分开评论，保证评论数与任务数一致。

从 Todo List 中选取未被人领取过的文章：

未被领取过：

• index

领取过，但未提 PR：

• index (@QC-L)

领取过，已提 PR：

• index #640

领取过，已合并：

• index #640

领取方式，在本 issue 下评论即可。

认领任务格式：

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

由于维护者精力有限，认领任务和此列表可能不是实时同步的，请根据情况关注下方评论以防撞车，在加载所有隐藏评论后，可以通过使用浏览器“查找”功能在该页面查找相关关键词，迅速定位，确认是否有过认领。

任务认领列表

• learn

  • add-react-to-an-existing-project
  • adding-interactivity #1053
  • choosing-the-state-structure #1094
  • conditional-rendering #636
  • describing-the-ui #650
  • editor-setup #633
  • escape-hatches #1165
  • extracting-state-logic-into-a-reducer #693
  • importing-and-exporting-components #637
  • index #696
  • installation #607
  • javascript-in-jsx-with-curly-braces #672
  • keeping-components-pure #642
  • lifecycle-of-reactive-effects #1178
  • managing-state #653
  • manipulating-the-dom-with-refs #665
  • passing-data-deeply-with-context #675
  • passing-props-to-a-component #647
  • preserving-and-resetting-state #679
  • queueing-a-series-of-state-updates #677
  • react-developer-tools #644
  • reacting-to-input-with-state #692
  • referencing-values-with-refs #649
  • removing-effect-dependencies #1144
  • render-and-commit #686
  • rendering-lists #676
  • responding-to-events #635
  • reusing-logic-with-custom-hooks #1157
  • scaling-up-with-reducer-and-context #694
  • separating-events-from-effects #1167
  • sharing-state-between-components #652
  • start-a-new-react-project #1111
  • state-a-components-memory #651
  • state-as-a-snapshot #643
  • synchronizing-with-effects #1269
  • thinking-in-react #682
  • tutorial-tic-tac-toe #1116
  • updating-arrays-in-state #654
  • updating-objects-in-state #1136
  • writing-markup-with-jsx #673
  • you-might-not-need-an-effect #1155
  • your-first-component #641

• reference

  • react-dom
    • client
      • createRoot #1266
      • hydrateRoot #1139
      • index #1171
    • components
      • common #1187
      • index #1239
      • input #1242
      • option #1198
      • progress #1195
      • select #1200
      • textarea #1201
    • hooks
      • useFormState #1367
      • useFormStatus #1348
    • server
      • index #1202
      • renderToNodeStream #1205
      • renderToPipeableStream #1257
      • renderToReadableStream #1228
      • renderToStaticMarkup #1149
      • renderToStaticNodeStream #1206
      • renderToString #1181
    • createPortal #1140
    • findDOMNode #1203
    • flushSync #1244
    • hydrate #1211
    • index #1221
    • render #632
    • unmountComponentAtNode #1204
  • react
    • apis #1175
    • components #1131
    • createContext #1120
    • directives #1247
    • experimental_useEffectEvent #1161
    • forwardRef #1147
    • Fragment #1174
    • index #1098
    • isValidElement #1191
    • lazy #1101
    • memo #1160
    • Profiler #1180
    • startTransition #1104
    • StrictMode #1186
    • Suspense #1176
    • useCallback #1231
    • useContext #1097
    • useDebugValue #1141
    • useDeferredValue #1156
    • useEffect #1122
    • useId #1108
    • useImperativeHandle #1123
    • useInsertionEffect #1166
    • useLayoutEffect #1106
    • useMemo #1121
    • useReducer #1268
    • useRef #1132
    • useState #1135
    • useSyncExternalStore #1143
    • useTransition #1142
    • use-client #1248 #1377
    • use-server #1250 #1378

Site UI

• index #1087
• sidebars
• top-level navigation

Secondary Content

• legacy
  • Children #1222
  • cloneElement #1207
  • Component #1234
  • createElement #1210
  • createFactory #1220
  • createRef #1138
  • index #1251
  • PureComponent #1209

Optional Content

• community

  • acknowledgements
  • conferences （not to translate)
  • docs-contributors #1260
  • index
  • meet-the-team #1271
  • meetups （not to translate)
  • team
  • versioning-policy #1256
  • videos （not to translate)

• blog

  • index #1212
  • 2020/12/21
    • data-fetching-with-react-server-components #1232
  • 2021
    • 06/08
      • the-plan-for-react-18 #1246
    • 12/17
      • react-conf-2021-recap #1259
  • 2022
    • 03
      • 08
        • react-18-upgrade-guide #1263
      • 29
        • react-v18 #1245
    • 06/15
      • react-labs-what-we-have-been-working-on-june-2022 #1255
  • 2023/03
    • 16
      • introducing-react-dev #1219
    • 22
      • react-labs-what-we-have-been-working-on-march-2023 #1217
  • 2023/05/03
    • react-canaries #1213

• warnings

  • invalid-aria-prop #1224
  • invalid-hook-call-warning #1153
  • special-props #1226
  • unknown-prop #1227