fix conflicts

awxiaoxian2020 · awxiaoxian2020 · commit 7c9ba4efe1d0 · 2025-02-19T07:42:42.000+08:00
diff --git a/src/content/learn/creating-a-react-app.md b/src/content/learn/creating-a-react-app.md
@@ -8,29 +8,19 @@ title: 创建一个 React 应用
 
 </Intro>
 
-<<<<<<< HEAD
-## 推荐的 React 框架 {/*bleeding-edge-react-frameworks*/}
-=======
-If your app has constraints not well-served by existing frameworks, you prefer to build your own framework, or you just want to learn the basics of a React app, you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
+如果你的应用程序具有现有框架无法很好满足的约束，你更喜欢构建自己的框架，或者你只想学习 React 应用程序的基础知识，你可以 [从头开始构建 React 应用](/learn/build-a-react-app-from-scratch)。
 
-## Full-stack frameworks {/*full-stack-frameworks*/}
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
+## 全栈框架 {/*full-stack-frameworks*/}
 
 这些推荐的框架支持你在生产环境中部署和扩展应用所需的所有功能。它们集成了 React 的最新特性，并充分利用了 React 的架构。
 
 <Note>
 
-<<<<<<< HEAD
-#### React 框架不需要服务器。 {/*react-frameworks-do-not-require-a-server*/}
-
-本页面中的所有框架都可以创建单页应用。单页应用可以部署到 [CDN](https://developer.mozilla.org/en-US/docs/Glossary/CDN) 或静态托管服务上，而无需服务器。如果你希望启用需要服务器的功能（例如服务器端渲染），你可以在不重写应用的情况下，为个别路由启用这些功能。
-=======
 #### Full-stack frameworks do not require a server. {/*react-frameworks-do-not-require-a-server*/}
 
 All the frameworks on this page support client-side rendering ([CSR](https://developer.mozilla.org/en-US/docs/Glossary/CSR)), single-page apps ([SPA](https://developer.mozilla.org/en-US/docs/Glossary/SPA)), and static-site generation ([SSG](https://developer.mozilla.org/en-US/docs/Glossary/SSG)). These apps can be deployed to a [CDN](https://developer.mozilla.org/en-US/docs/Glossary/CDN) or static hosting service without a server. Additionally, these frameworks allow you to add server-side rendering on a per-route basis, when it makes sense for your use case.
 
 This allows you to start with a client-only app, and if your needs change later, you can opt-in to using server features on individual routes without rewriting your app. See your framework's documentation for configuring the rendering strategy.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 </Note>
 
@@ -69,11 +59,7 @@ npx create-expo-app@latest
 Expo 由 [Expo 公司](https://expo.dev/about) 维护。使用 Expo 构建应用是免费的，你可以将应用提交到 Google 和 Apple 应用商店，没有任何限制。Expo 还提供可选的付费云服务。
 
 
-<<<<<<< HEAD
-## 其它选项 {/*other-options*/}
-=======
-## Other frameworks {/*other-frameworks*/}
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
+## 其他框架 {/*other-options*/}
 
 还有一些新兴的框架正在努力实现我们的全栈 React 愿景：
 
@@ -118,23 +104,9 @@ Next.js 的 App Router 还集成了 [使用 Suspense 的数据获取](/blog/2022
 
 If your app has constraints not well-served by existing frameworks, you prefer to build your own framework, or you just want to learn the basics of a React app, there are other options available for starting a React project from scratch.
 
-<<<<<<< HEAD
-#### 你推荐使用 Vite 吗？ {/*do-you-recommend-vite*/}
-
-我们推荐了一些基于 Vite 的选择。
-
-React Router v7 是一个基于 Vite 的框架，允许你使用 Vite 的快速开发服务器和构建工具，同时提供路由和数据获取功能。与其他推荐的框架一样，你可以用 React Router v7 构建单页应用。
-
-我们也推荐在 [将 React 添加到现有项目中](/learn/add-react-to-an-existing-project)，或者 [构建一个 React 框架](/learn/building-a-react-framework) 时使用 Vite。
-
-就像 Svelte 有 Sveltekit、Vue 有 Nuxt、Solid 有 SolidStart 一样，React 推荐使用集成了 Vite 等构建工具的框架来创建新项目。
-
-</Note>
-=======
 Starting from scratch gives you more flexibility, but does require that you make choices on which tools to use for routing, data fetching, and other common usage patterns.  It's a lot like building your own framework, instead of using a framework that already exists. The [frameworks we recommend](#recommended-react-frameworks) have built-in solutions for these problems.  
 
 If you want to build your own solutions, see our guide to [build a React app from Scratch](/learn/build-a-react-app-from-scratch) for instructions on how to set up a new React project starting with a built tool like [Vite](https://vite.dev/), [Parcel](https://parceljs.org/), or [RSbuild](https://rsbuild.dev/).
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 -----
 
diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md
@@ -40,24 +40,11 @@ React 文档中的大部分页面都包含这样的 sandbox。除 React 文档
 
 ## Build a React App from Scratch {/*build-a-react-app-from-scratch*/}
 
-<<<<<<< HEAD
-如果某个框架不适合你的项目，或者你更愿意从构建自己的框架开始，则可以 [构建你自己的 React 框架](/learn/building-a-react-framework)。
-=======
 If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can [build a React app from scratch](/learn/build-a-react-app-from-scratch).
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 
 ## 添加 React 到一个已有的项目 {/*add-react-to-an-existing-project*/}
 
-<<<<<<< HEAD
-如果你想尝试在现有应用程序或网站中使用 React，你可以 [将 React 添加到现有项目](/learn/add-react-to-an-existing-project)。
-
-## 弃用的选项 {/*deprecated-options*/}
-
-### Create React App（已弃用） {/*create-react-app-deprecated*/}
-
-Create React App 是一个已弃用的工具，以前建议用于创建新的 React 应用。如果你想启动新的 React 应用，你可以 [创建 React 应用](/learn/creating-a-react-app)并使用推荐的框架。
-=======
 
 <Note>
 
@@ -66,7 +53,6 @@ Create React App 是一个已弃用的工具，以前建议用于创建新的 Re
 No. Create React App has been deprecated. For more information, see [Sunsetting Create React App](/blog/2025/02/14/sunsetting-create-react-app).
 
 </Note>
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 更多信息，参见 [逐步淘汰 Create React App](/blog/2025/02/14/sunsetting-create-react-app)。
 
diff --git a/src/content/learn/render-and-commit.md b/src/content/learn/render-and-commit.md
@@ -76,15 +76,9 @@ export default function Image() {
 一旦组件被初次渲染，你就可以通过使用 [`set` 函数](/reference/react/useState#setstate) 更新其状态来触发之后的渲染。更新组件的状态会自动将一次渲染送入队列。（你可以把这种情况想象成餐厅客人在第一次下单之后又点了茶、点心和各种东西，具体取决于他们的胃口。）
 
 <IllustrationBlock sequential>
-<<<<<<< HEAD
   <Illustration caption="状态更新..." alt="React 作为餐厅服务员将一份 Card UI 送到用户那里，这里的用户以头部为光标的顾客表示。顾客说她想要一个粉色的 Card，而不是黑色的。" src="/images/docs/illustrations/i_rerender1.png" />
   <Illustration caption="...触发..." alt="React 回到组件厨房并告诉 Card 主厨他们需要一个粉色 Card。" src="/images/docs/illustrations/i_rerender2.png" />
   <Illustration caption="...渲染!" alt="Card 主厨把粉色 Card 交给 React。" src="/images/docs/illustrations/i_rerender3.png" />
-=======
-  <Illustration caption="State update..." alt="React as a server in a restaurant, serving a Card UI to the user, represented as a patron with a cursor for their head. The patron expresses they want a pink card, not a black one!" src="/images/docs/illustrations/i_rerender1.png" />
-  <Illustration caption="...triggers..." alt="React returns to the Component Kitchen and tells the Card Chef they need a pink Card." src="/images/docs/illustrations/i_rerender2.png" />
-  <Illustration caption="...render!" alt="The Card Chef gives React the pink Card." src="/images/docs/illustrations/i_rerender3.png" />
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 </IllustrationBlock>
 
 ## 步骤 2: React 渲染你的组件 {/*step-2-react-renders-your-components*/}
@@ -96,11 +90,7 @@ export default function Image() {
 
 这个过程是递归的：如果更新后的组件会返回某个另外的组件，那么 React 接下来就会渲染 _那个_ 组件，而如果那个组件又返回了某个组件，那么 React 接下来就会渲染 _那个_ 组件，以此类推。这个过程会持续下去，直到没有更多的嵌套组件并且 React 确切知道哪些东西应该显示到屏幕上为止。
 
-<<<<<<< HEAD
 在接下来的例子中，React 将会调用 `Gallery()` 和 `Image()` 若干次：
-=======
-In the following example, React will call `Gallery()` and `Image()` several times:
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 <Sandpack>
 
@@ -164,17 +154,10 @@ img { margin: 0 10px 10px 0; }
 
 ## 步骤 3: React 把更改提交到 DOM 上 {/*step-3-react-commits-changes-to-the-dom*/}
 
-<<<<<<< HEAD
 在渲染（调用）你的组件之后，React 将会修改 DOM。
 
-* **对于初次渲染，** React 会使用 [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API 将其创建的所有 DOM 节点放在屏幕上。
-* **对于重渲染，** React 将应用最少的必要操作（在渲染时计算！），以使得 DOM 与最新的渲染输出相互匹配。
-=======
-After rendering (calling) your components, React will modify the DOM.
-
-* **For the initial render,** React will use the [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API to put all the DOM nodes it has created on screen.
-* **For re-renders,** React will apply the minimal necessary operations (calculated while rendering!) to make the DOM match the latest rendering output.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
+* **对于初次渲染**，React 会使用 [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild) DOM API 将其创建的所有 DOM 节点放在屏幕上。
+* **对于重渲染**，React 将应用最少的必要操作（在渲染时计算！），以使得 DOM 与最新的渲染输出相互匹配。
 
 **React 仅在渲染之间存在差异时才会更改 DOM 节点。** 例如，有一个组件，它每秒使用从父组件传递下来的不同属性重新渲染一次。注意，你可以添加一些文本到 `<input>` 标签，更新它的 `value`，但是文本不会在组件重渲染时消失：
 
diff --git a/src/content/learn/state-a-components-memory.md b/src/content/learn/state-a-components-memory.md
@@ -1457,12 +1457,7 @@ export default function FeedbackForm() {
 
 #### 移除不必要的 state {/*remove-unnecessary-state*/}
 
-<<<<<<< HEAD
-当按钮被点击时，这个例子应该询问用户的名字，然后显示一个 alert 欢迎他们。你尝试使用 state 来保存名字，但由于某种原因，它始终显示“Hello, ！”。
-=======
-When the button is clicked, this example should ask for the user's name and then display an alert greeting them. You tried to use state to keep the name, but for some reason the first time it shows "Hello, !", and then "Hello, [name]!" with the previous input every time after.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
-
+当按钮被点击时，这个例子应该询问用户的名字，然后显示一个 alert 欢迎他们。你尝试使用 state 来保存名字，但由于某种原因，它显示“Hello, ！”，然后是“Hello, [name]!”，每次之后都使用以前的输入。
 
 要修复此代码，请删除不必要的 state 变量。（我们将在稍后讨论[为什么上述代码不起作用](/learn/state-as-a-snapshot)。）
 
diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
@@ -295,11 +295,7 @@ export default function Square() {
 }
 ```
 
-<<<<<<< HEAD
 _browser_ 部分应该会像下面这样在方块里面显示一个 X：
-=======
-The _browser_ section should be displaying a square with an X in it like this:
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 ![里面是“X”的方块](../images/tutorial/x-filled-square.png)
 
@@ -1329,11 +1325,7 @@ body {
 1. `handleClick` 使用参数（`0`）将 `squares` 数组的第一个元素从 `null` 更新为 `X`。
 1. `Board` 组件的 `squares` state 已更新，因此 `Board` 及其所有子组件都将重新渲染。这会导致索引为 `0` 的 `Square` 组件的 `value` props 从 `null` 更改为 `X`。
 
-<<<<<<< HEAD
 最后，用户看到左上角的方块在单击后从空变为 `X`。
-=======
-In the end the user sees that the upper left square has changed from empty to having an `X` after clicking it.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 <Note>
 
@@ -1414,11 +1406,7 @@ export default function Board() {
 
  `X` 被 `O` 覆盖！虽然这会给游戏带来非常有趣的变化，但我们现在将坚持原来的规则。
 
-<<<<<<< HEAD
 当你用 `X` 或 `O` 标记方块时，你没有检查该方块是否已经具有 `X` 或 `O` 值。你可以通过提早返回来解决此问题。我们将检查方块是否已经有 `X` 或 `O`。如果方块已经填满，你将尽早在 `handleClick` 函数中 `return`——在它尝试更新棋盘 state 之前。
-=======
-When you mark a square with an `X` or an `O` you aren't first checking to see if the square already has an `X` or `O` value. You can fix this by *returning early*. You'll check to see if the square already has an `X` or an `O`. If the square is already filled, you will `return` in the `handleClick` function early--before it tries to update the board state.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 ```js {2,3,4}
 function handleClick(i) {
@@ -1568,11 +1556,7 @@ function calculateWinner(squares) {
 
 </Note>
 
-<<<<<<< HEAD
 你将在 `Board` 组件的 `handleClick` 函数中调用 `calculateWinner(squares)` 来检查玩家是否获胜。你可以在检查用户是否单击了已经具有 `X` 或 `O` 的方块的同时执行此检查。在这两种情况下，我们都希望尽早返回：
-=======
-You will call `calculateWinner(squares)` in the `Board` component's `handleClick` function to check if a player has won. You can perform this check at the same time you check if a user has clicked a square that already has an `X` or an `O`. We'd like to return early in both cases:
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 ```js {2}
 function handleClick(i) {
diff --git a/src/content/reference/react-dom/components/input.md b/src/content/reference/react-dom/components/input.md
@@ -297,11 +297,7 @@ input { margin: 5px; }
 
 <Pitfall>
 
-<<<<<<< HEAD
-默认情况下，`<form>` 内的任何 `<button>` 都可以提交表单。这可能会让人感到惊讶！如果你有自定义 `Button` 组件，请考虑使用 [`<button type="button">`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/button) 而不是 `<button>`。如果你想要明确指定提交表单的按钮，请使用 `<button type="submit">`。
-=======
-By default, a `<button>` inside a `<form>` without a `type` attribute will submit it. This can be surprising! If you have your own custom `Button` React component, consider using [`<button type="button">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) instead of `<button>` (with no type). Then, to be explicit, use `<button type="submit">` for buttons that *are* supposed to submit the form.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
+默认情况下，`<form>` 内的任何没有 `type` 属性的 `<button>` 都可以提交表单。这可能会让人感到惊讶！如果你有自定义 `Button` 组件，请考虑使用 [`<button type="button">`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button) 而不是 `<button>`。如果你想要明确指定提交表单的按钮，请使用 `<button type="submit">`。
 
 </Pitfall>
 
diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md
@@ -88,15 +88,9 @@ function SearchPage() {
 
 这个例子假设你使用了支持 `Suspense` 的数据源：
 
-<<<<<<< HEAD
-- 使用支持 suspense 的框架进行数据获取，例如 [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) 和 [Next.js](https://nextjs.org/docs/getting-started/react-essentials)
+- 使用支持 suspense 的框架进行数据获取，例如 [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) 和 [Next.js](https://nextjs.org/docs/app/getting-started/fetching-data#with-suspenses)
 - 使用 [`lazy`](/reference/react/lazy) 懒加载组件代码
 - 使用 [`use`](/reference/react/use) 读取 Promise 的值
-=======
-- Data fetching with Suspense-enabled frameworks like [Relay](https://relay.dev/docs/guided-tour/rendering/loading-states/) and [Next.js](https://nextjs.org/docs/app/getting-started/fetching-data#with-suspense)
-- Lazy-loading component code with [`lazy`](/reference/react/lazy)
-- Reading the value of a Promise with [`use`](/reference/react/use)
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
 
 [了解更多有关 suspense 及其限制的信息](/reference/react/Suspense)。
 
diff --git a/src/content/reference/rsc/server-components.md b/src/content/reference/rsc/server-components.md
@@ -299,8 +299,4 @@ function Comments({commentsPromise}) {
 
 因为 `note` 内容是页面渲染所需的重要数据，所以我们在服务器上进行 `await`。comments 数据在折叠部分中，优先级较低，所以我们在服务器上开始 promise，然后在客户端使用 `use` API 进行等待。这会在客户端上暂停，但不会阻塞 `note` 内容的渲染。
 
-<<<<<<< HEAD
-由于异步组件 [在客户端不受支持](#why-cant-i-use-async-components-on-the-client)，所以我们通过 `use` 来 await promise。
-=======
-Since async components are not supported on the client, we await the promise with `use`.
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
+由于异步组件在客户端不受支持，所以我们通过 `use` 来 await promise。
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json
@@ -29,13 +29,8 @@
           "path": "/learn/creating-a-react-app"
         },
         {
-<<<<<<< HEAD
-          "title": "构建一个 React 框架",
+          "title": "从头构建一个 React 框架",
           "path": "/learn/building-a-react-framework"
-=======
-          "title": "Build a React App from Scratch",
-          "path": "/learn/build-a-react-app-from-scratch"
->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35
         },
         {
           "title": "将 React 添加到现有项目中",
@@ -44,7 +39,7 @@
       ]
     },
     {
-      "title": "Setup",
+      "title": "配置",
       "path": "/learn/setup",
       "routes": [
         {

Original file line number	Diff line number	Diff line change
`@@ -29,13 +29,8 @@`
`29`	`29`	`"path": "/learn/creating-a-react-app"`
`30`	`30`	`},`
`31`	`31`	`{`
`32`		`-<<<<<<< HEAD`
`33`		`- "title": "构建一个 React 框架",`
	`32`	`+ "title": "从头构建一个 React 框架",`
`34`	`33`	`"path": "/learn/building-a-react-framework"`
`35`		`-=======`
`36`		`- "title": "Build a React App from Scratch",`
`37`		`- "path": "/learn/build-a-react-app-from-scratch"`
`38`		`->>>>>>> c03f0290502e0b1210f50faaa464489accd57c35`
`39`	`34`	`},`
`40`	`35`	`{`
`41`	`36`	`"title": "将 React 添加到现有项目中",`
`@@ -44,7 +39,7 @@`
`44`	`39`	`]`
`45`	`40`	`},`
`46`	`41`	`{`
`47`		`- "title": "Setup",`
	`42`	`+ "title": "配置",`
`48`	`43`	`"path": "/learn/setup",`
`49`	`44`	`"routes": [`
`50`	`45`	`{`