Translation Progress Assignment Claims

Trước tiên, hãy đọc quy trình dịch được liên kết trong issue #603 và React Translation Guide. Kiểm tra các bình luận và Todo List để tìm một bài viết chưa có người nhận, sau đó claim bài viết đó bằng định dạng bảng được chỉ định; công việc được xem là hoàn tất khi bản dịch đã được gửi và bình luận claim có PR của bài viết.

翻译任务认领说明

注意：

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 | -

示例效果：

当完成时，请修改自己的认领评论，添加 PR 信息：

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

任务认领列表

• 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