doc(cn): translate some previously English sections (#1650)

src/content/learn/adding-interactivity.md

@@ -138,75 +138,75 @@ export default function Gallery() {
 export const sculptureList = [{
   name: 'Homenaje a la Neurocirugía',
   artist: 'Marta Colvin Andrade',
-  description: 'Although Colvin is predominantly known for abstract themes that allude to pre-Hispanic symbols, this gigantic sculpture, an homage to neurosurgery, is one of her most recognizable public art pieces.',
+  description: '尽管 Colvin 以暗示前西班牙符号的抽象主题而闻名，但这座巨大的雕塑是对神经外科的致敬，是她最知名的公共艺术作品之一。',
   url: 'https://i.imgur.com/Mx7dA2Y.jpg',
-  alt: 'A bronze statue of two crossed hands delicately holding a human brain in their fingertips.'
+  alt: '一尊双手交叉的青铜雕像，它的手指优雅地握住一个人类的大脑。'
 }, {
   name: 'Floralis Genérica',
   artist: 'Eduardo Catalano',
-  description: 'This enormous (75 ft. or 23m) silver flower is located in Buenos Aires. It is designed to move, closing its petals in the evening or when strong winds blow and opening them in the morning.',
+  description: '这朵巨大的银花（75 英尺或 23 米）位于布宜诺斯艾利斯。它并非静止的艺术，它能在晚上或强风吹拂时关闭花瓣，在早晨打开它们。',
   url: 'https://i.imgur.com/ZF6s192m.jpg',
-  alt: 'A gigantic metallic flower sculpture with reflective mirror-like petals and strong stamens.'
+  alt: '一个巨大的金属花卉雕塑，具有棱镜状的花瓣和坚固的雄蕊。'
 }, {
   name: 'Eternal Presence',
   artist: 'John Woodrow Wilson',
-  description: 'Wilson was known for his preoccupation with equality, social justice, as well as the essential and spiritual qualities of humankind. This massive (7ft. or 2,13m) bronze represents what he described as "a symbolic Black presence infused with a sense of universal humanity."',
+  description: '威尔逊以专注于平等、社会正义以及人类的基本和精神品质而闻名。这个巨大的（7 英尺或 2.13 米）青铜代表了他所描述的“一种象征性的黑人存在，注入了“普遍的人性意识”。',
   url: 'https://i.imgur.com/aTtVpES.jpg',
-  alt: 'The sculpture depicting a human head seems ever-present and solemn. It radiates calm and serenity.'
+  alt: '描绘人的头部的雕塑似乎从古至今都是庄严肃穆的。它们散发着平静和宁静。'
 }, {
   name: 'Moai',
   artist: 'Unknown Artist',
-  description: 'Located on the Easter Island, there are 1,000 moai, or extant monumental statues, created by the early Rapa Nui people, which some believe represented deified ancestors.',
+  description: '在复活节岛上，有 1000 个石像，或现存的纪念碑雕像，由早期的拉帕努伊人创造，一些人认为代表神化的祖先。',
   url: 'https://i.imgur.com/RCwLEoQm.jpg',
   alt: 'Three monumental stone busts with the heads that are disproportionately large with somber faces.'
 }, {
   name: 'Blue Nana',
   artist: 'Niki de Saint Phalle',
-  description: 'The Nanas are triumphant creatures, symbols of femininity and maternity. Initially, Saint Phalle used fabric and found objects for the Nanas, and later on introduced polyester to achieve a more vibrant effect.',
+  description: 'Nana 是一群自信奔放的人，也是女性气质和母性的象征。最初，Saint Phalle 使用布料和废弃物品来创作 Nana，后来又引入合成树脂以实现更具活力的效果。',
   url: 'https://i.imgur.com/Sd1AgUOm.jpg',
-  alt: 'A large mosaic sculpture of a whimsical dancing female figure in a colorful costume emanating joy.'
+  alt: '这是一件大型马赛克雕塑，展现了一个穿着绚丽服装、欢快舞蹈的女性形象，充满了喜悦和活力。'
 }, {
   name: 'Ultimate Form',
   artist: 'Barbara Hepworth',
-  description: 'This abstract bronze sculpture is a part of The Family of Man series located at Yorkshire Sculpture Park. Hepworth chose not to create literal representations of the world but developed abstract forms inspired by people and landscapes.',
+  description: '这座抽象的青铜雕塑是位于约克郡雕塑公园的《人类家族》系列的一部分。Hepworth 选择的不是创造世界的文字表现，而是受到人和景观的启发而发展出抽象的形式。',
   url: 'https://i.imgur.com/2heNQDcm.jpg',
   alt: 'A tall sculpture made of three elements stacked on each other reminding of a human figure.'
 }, {
   name: 'Cavaliere',
   artist: 'Lamidi Olonade Fakeye',
-  description: "Descended from four generations of woodcarvers, Fakeye's work blended traditional and contemporary Yoruba themes.",
+  description: "法基是四代木雕家的后代，他的作品融合了传统和当代约鲁巴主题。",
   url: 'https://i.imgur.com/wIdGuZwm.png',
-  alt: 'An intricate wood sculpture of a warrior with a focused face on a horse adorned with patterns.'
+  alt: '一个复杂的木制战士雕塑，马背上有一张严肃的脸，脸上装饰着图案。'
 }, {
   name: 'Big Bellies',
   artist: 'Alina Szapocznikow',
-  description: "Szapocznikow is known for her sculptures of the fragmented body as a metaphor for the fragility and impermanence of youth and beauty. This sculpture depicts two very realistic large bellies stacked on top of each other, each around five feet (1,5m) tall.",
+  description: "Szapocznikow 以她的肢体破损的雕塑而闻名，这些雕塑隐喻了年轻和美丽的脆弱和短暂。这座雕塑描绘了两个非常逼真的大肚皮，彼此叠放在一起，每个大约5英尺（1.5米）高。",
   url: 'https://i.imgur.com/AlHTAdDm.jpg',
-  alt: 'The sculpture reminds a cascade of folds, quite different from bellies in classical sculptures.'
+  alt: '这座雕塑让人联想到层叠的褶皱，与古典雕塑中的腹部截然不同。'
 }, {
   name: 'Terracotta Army',
   artist: 'Unknown Artist',
-  description: 'The Terracotta Army is a collection of terracotta sculptures depicting the armies of Qin Shi Huang, the first Emperor of China. The army consisted of more than 8,000 soldiers, 130 chariots with 520 horses, and 150 cavalry horses.',
+  description: '兵马俑是一组陶俑雕塑，描绘了中国第一个皇帝秦始皇的军队。军队由8000多名士兵、130辆战车、520匹马和150匹骑兵组成。',
   url: 'https://i.imgur.com/HMFmH6m.jpg',
-  alt: '12 terracotta sculptures of solemn warriors, each with a unique facial expression and armor.'
+  alt: '12 个庄严的武士兵马俑，每个都有独特的面部表情和盔甲。'
 }, {
   name: 'Lunar Landscape',
   artist: 'Louise Nevelson',
-  description: 'Nevelson was known for scavenging objects from New York City debris, which she would later assemble into monumental constructions. In this one, she used disparate parts like a bedpost, juggling pin, and seat fragment, nailing and gluing them into boxes that reflect the influence of Cubism’s geometric abstraction of space and form.',
+  description: 'Nevelson 以从纽约市的废墟中捡拾物体而闻名，后来她将这些碎片组装成纪念性建筑。在这幅画中，她使用了不同的部分，如床柱、杂耍的大头针和座椅碎片，将它们钉在盒子里并粘在一起，反映了立体主义对空间和形式的几何抽象的影响。',
   url: 'https://i.imgur.com/rN7hY6om.jpg',
-  alt: 'A black matte sculpture where the individual elements are initially indistinguishable.'
+  alt: '一种黑色哑光雕塑，其中单个元素最初无法区分。'
 }, {
   name: 'Aureole',
   artist: 'Ranjani Shettar',
-  description: 'Shettar merges the traditional and the modern, the natural and the industrial. Her art focuses on the relationship between man and nature. Her work was described as compelling both abstractly and figuratively, gravity defying, and a "fine synthesis of unlikely materials."',
+  description: 'Shettar 融合了传统与现代、自然与工业。她的艺术关注人与自然的关系。她的工作被描述为在抽象和比喻上都引人注目，挑战重力，以及“不太可能的材料的精细合成”。"',
   url: 'https://i.imgur.com/okTpbHhm.jpg',
-  alt: 'A pale wire-like sculpture mounted on concrete wall and descending on the floor. It appears light.'
+  alt: '一个苍白的线状雕塑安装在混凝土墙上，并下降到地板上。它看起来很轻。'
 }, {
   name: 'Hippos',
-  artist: 'Taipei Zoo',
-  description: 'The Taipei Zoo commissioned a Hippo Square featuring submerged hippos at play.',
+  artist: '台北动物园',
+  description: '台北动物园委托建造了河马广场，以水下河马为特色。',
   url: 'https://i.imgur.com/6o5Vuyu.jpg',
-  alt: 'A group of bronze hippo sculptures emerging from the sett sidewalk as if they were swimming.'
+  alt: '一组青铜河马雕塑从露台的人行道上出现，好像他们在游泳。'
 }];
 ```
 

src/content/learn/describing-the-ui.md

@@ -481,7 +481,7 @@ h2 { font-size: 20px; }
 let guest = 0;
 
 function Cup() {
-  // Bad: changing a preexisting variable!
+  // 不推荐的做法：直接修改一个已存在的变量。
   guest = guest + 1;
   return <h2>Tea cup for guest #{guest}</h2>;
 }

src/content/learn/extracting-state-logic-into-a-reducer.md

@@ -1201,7 +1201,7 @@ export default function ContactList({contacts, selectedId, dispatch}) {
           <li key={contact.id}>
             <button
               onClick={() => {
-                // TODO: dispatch changed_selection
+                // TODO: 派发 changed_selection
               }}>
               {selectedId === contact.id ? <b>{contact.name}</b> : contact.name}
             </button>

src/content/learn/index.md

@@ -34,7 +34,7 @@ React 组件是返回标签的 JavaScript 函数：
 ```js
 function MyButton() {
   return (
-    <button>I'm a button</button>
+    <button>我是一个按钮</button>
   );
 }
 ```
@@ -45,7 +45,7 @@ function MyButton() {
 export default function MyApp() {
   return (
     <div>
-      <h1>Welcome to my app</h1>
+      <h1>欢迎来到我的应用</h1>
       <MyButton />
     </div>
   );
@@ -62,15 +62,15 @@ export default function MyApp() {
 function MyButton() {
   return (
     <button>
-      I'm a button
+      我是一个按钮
     </button>
   );
 }
 
 export default function MyApp() {
   return (
     <div>
-      <h1>Welcome to my app</h1>
+      <h1>欢迎来到我的应用</h1>
       <MyButton />
     </div>
   );
@@ -91,8 +91,8 @@ JSX 比 HTML 更加严格。你必须闭合标签，如 `<br />`。你的组件
 function AboutPage() {
   return (
     <>
-      <h1>About</h1>
-      <p>Hello there.<br />How do you do?</p>
+      <h1>关于</h1>
+      <p>你好。<br />最近怎么样？</p>
     </>
   );
 }
@@ -111,7 +111,7 @@ function AboutPage() {
 然后，你可以在一个单独的 CSS 文件中为它编写 CSS 规则：
 
 ```css
-/* In your CSS */
+/* 在你的 CSS 文件中修改 */
 .avatar {
   border-radius: 50%;
 }
@@ -259,9 +259,9 @@ return (
 
 ```js
 const products = [
-  { title: 'Cabbage', isFruit: false, id: 1 },
-  { title: 'Garlic', isFruit: false, id: 2 },
-  { title: 'Apple', isFruit: true, id: 3 },
+  { title: '卷心菜', isFruit: false, id: 1 },
+  { title: '大蒜', isFruit: false, id: 2 },
+  { title: '苹果', isFruit: true, id: 3 },
 ];
 
 export default function ShoppingList() {
@@ -296,7 +296,7 @@ function MyButton() {
 
   return (
     <button onClick={handleClick}>
-      Click me
+      点我
     </button>
   );
 }
@@ -354,7 +354,7 @@ import { useState } from 'react';
 export default function MyApp() {
   return (
     <div>
-      <h1>Counters that update separately</h1>
+      <h1>独立更新的计数器</h1>
       <MyButton />
       <MyButton />
     </div>
@@ -370,7 +370,7 @@ function MyButton() {
 
   return (
     <button onClick={handleClick}>
-      Clicked {count} times
+      点了 {count} 次
     </button>
   );
 }
@@ -449,15 +449,15 @@ export default function MyApp() {
 
   return (
     <div>
-      <h1>Counters that update separately</h1>
+      <h1>独立更新的计数器</h1>
       <MyButton />
       <MyButton />
     </div>
   );
 }
 
 function MyButton() {
-  // ... we're moving code from here ...
+  // ... 我们将把代码移动到这里 ...
 }
 
 ```
@@ -474,7 +474,7 @@ export default function MyApp() {
 
   return (
     <div>
-      <h1>Counters that update together</h1>
+      <h1>共同更新的计数器</h1>
       <MyButton count={count} onClick={handleClick} />
       <MyButton count={count} onClick={handleClick} />
     </div>
@@ -490,7 +490,7 @@ export default function MyApp() {
 function MyButton({ count, onClick }) {
   return (
     <button onClick={onClick}>
-      Clicked {count} times
+      点了 {count} 次
     </button>
   );
 }
@@ -512,7 +512,7 @@ export default function MyApp() {
 
   return (
     <div>
-      <h1>Counters that update together</h1>
+      <h1>共同更新的计数器</h1>
       <MyButton count={count} onClick={handleClick} />
       <MyButton count={count} onClick={handleClick} />
     </div>
@@ -522,7 +522,7 @@ export default function MyApp() {
 function MyButton({ count, onClick }) {
   return (
     <button onClick={onClick}>
-      Clicked {count} times
+      点了 {count} 次
     </button>
   );
 }