fix eslint

Author: loveloki

src/content/blog/2024/10/21/react-compiler-beta-release.md

@@ -12,7 +12,7 @@ October 21, 2024 by [Lauren Tan](https://twitter.com/potetotes).
 
 <Note>
 
-### React 编译器现在处于稳定版本！{/*react-compiler-is-now-in-rc*/}
+### React 编译器现在处于稳定版本！ {/*react-compiler-is-now-in-rc*/}
 
 有关详细信息，请参阅 [稳定版博客文章](/blog/2025/10/07/react-compiler-1)。
 
@@ -110,7 +110,7 @@ React 编译器还可以用来编译库。由于 React 编译器需要在代码
 
 我们打算在 Beta 版本发布后不久发布编译器的候选版本，届时大多数遵循 React 规则的应用程序和库已被证明可以与编译器良好配合。经过一段时间的社区最终反馈后，我们计划为编译器提供稳定版本。稳定版本将标志着 React 新基础的开始，强烈建议所有应用程序和库使用编译器和 ESLint 插件。
 
-* ✅ 实验性（Experimental）：在 React Conf 2024 上发布，主要是为了获得早期采用者的反馈。 
+* ✅ 实验性（Experimental）：在 React Conf 2024 上发布，主要是为了获得早期采用者的反馈。
 * ✅ 公开测试版（Public Beta）：现已推出，以获取更广泛社区的反馈。
 * 🚧 候选发布版（RC）： React 编译器适用于大多数遵循规则的应用程序和库，不会引入任何问题。
 * 🚧 普遍适用（General Availability）：在社区的最终反馈期结束后。

src/content/blog/2025/02/14/sunsetting-create-react-app.md

@@ -150,7 +150,7 @@ export default function App() {
 
 通过这一改动，你可以分享指向 `/dashboard` 的链接，应用会导航至仪表盘页面。一旦你使用了路由库，就可以添加诸如嵌套路由、路由守卫和路由过渡效果等额外功能，而如果没有路由库，这些功能很难实现。
 
-这里存在一个权衡：路由库会增加应用的复杂性，但它也能带来一些没有它就很难实现的功能。 
+这里存在一个权衡：路由库会增加应用的复杂性，但它也能带来一些没有它就很难实现的功能。
 
 ### 数据获取 {/*data-fetching*/}
 
@@ -200,7 +200,7 @@ export default function Dashboard({loaderData}) {
 
 在首次加载时，路由器可以在渲染路由之前立即获取数据。当用户在应用中进行导航时，路由器能够同时获取数据和路由，实现并行获取。这减少了用户在屏幕上看到内容所需的时间，并且可以改善用户体验。
 
-然而，这需要在你的应用中正确配置加载器，并且要在性能提升和复杂度增加之间进行权衡。 
+然而，这需要在你的应用中正确配置加载器，并且要在性能提升和复杂度增加之间进行权衡。
 
 ### 代码分割 {/*code-splitting*/}
 
@@ -308,7 +308,7 @@ const router = createBrowserRouter([
 
 一个常见的误解是，服务器端渲染仅仅是为了 [SEO](https://developer.mozilla.org/zh-CN/docs/Glossary/SEO)。
 
-虽然服务器端渲染可以提升搜索引擎优化效果，但它还能通过减少用户在看到屏幕上的内容之前需要下载和解析的 JavaScript 代码量来提高性能。 
+虽然服务器端渲染可以提升搜索引擎优化效果，但它还能通过减少用户在看到屏幕上的内容之前需要下载和解析的 JavaScript 代码量来提高性能。
 
 这就是为什么 Chrome 团队 [已经鼓励](https://web.dev/articles/rendering-on-the-web) 开发者考虑采用静态渲染或服务器端渲染，而非完全的客户端渲染方式，以实现尽可能最佳的性能。
 

src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md

@@ -8953,7 +8953,7 @@ function VideoInfo({ id }) {
 import { useId, useState, use, useDeferredValue, ViewTransition } from "react";import { Video } from "./Videos";import Layout from "./Layout";import { fetchVideos } from "./data";import { IconSearch } from "./Icons";
 
 function SearchList({searchText, videos}) {
-  // 通过 useDeferredValue来激活(何时) 
+  // 通过 useDeferredValue来激活(何时)
   const deferredSearchText = useDeferredValue(searchText);
   const filteredVideos = filterVideos(videos, deferredSearchText);
   return (
@@ -10269,7 +10269,7 @@ function VideoInfo({ id }) {
 import { useId, useState, use, useDeferredValue, ViewTransition } from "react";import { Video } from "./Videos";import Layout from "./Layout";import { fetchVideos } from "./data";import { IconSearch } from "./Icons";
 
 function SearchList({searchText, videos}) {
-  // 通过 useDeferredValue来激活(何时) 
+  // 通过 useDeferredValue来激活(何时)
   const deferredSearchText = useDeferredValue(searchText);
   const filteredVideos = filterVideos(videos, deferredSearchText);
   return (
@@ -11640,7 +11640,7 @@ function VideoInfo({ id }) {
 import { useId, useState, use, useDeferredValue, ViewTransition } from "react";import { Video } from "./Videos";import Layout from "./Layout";import { fetchVideos } from "./data";import { IconSearch } from "./Icons";
 
 function SearchList({searchText, videos}) {
-  // 通过 useDeferredValue来激活(何时) 
+  // 通过 useDeferredValue来激活(何时)
   const deferredSearchText = useDeferredValue(searchText);
   const filteredVideos = filterVideos(videos, deferredSearchText);
   return (
@@ -12978,7 +12978,7 @@ function VideoInfo({ id }) {
 import { useId, useState, use, useDeferredValue, ViewTransition } from "react";import { Video } from "./Videos";import Layout from "./Layout";import { fetchVideos } from "./data";import { IconSearch } from "./Icons";
 
 function SearchList({searchText, videos}) {
-  // 通过 useDeferredValue来激活(何时) 
+  // 通过 useDeferredValue来激活(何时)
   const deferredSearchText = useDeferredValue(searchText);
   const filteredVideos = filterVideos(videos, deferredSearchText);
   return (

src/content/community/docs-contributors.md

@@ -26,8 +26,8 @@ React 文档由 [React 团队](/community/team) 和 [外部贡献者](https://gi
 
 * [Dan Lebowitz](https://twitter.com/lebo)：站点设计
 * [Razvan Gradinar](https://dribbble.com/GradinarRazvan)：沙箱设计
-* [Maggie Appleton](https://maggieappleton.com/)：图表系统 
-* [Sophie Alpert](https://twitter.com/sophiebits)：多彩的代码解释 
+* [Maggie Appleton](https://maggieappleton.com/)：图表系统
+* [Sophie Alpert](https://twitter.com/sophiebits)：多彩的代码解释
 
 ## 开发 {/*development*/}
 

src/content/learn/conditional-rendering.md

@@ -36,15 +36,15 @@ export default function PackingList() {
       <ul>
         <Item
           isPacked={true}
-          name="宇航服" 
+          name="宇航服"
         />
         <Item
           isPacked={true}
-          name="带金箔的头盔" 
+          name="带金箔的头盔"
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -92,7 +92,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -144,7 +144,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -248,7 +248,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -302,7 +302,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -383,7 +383,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -429,7 +429,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -486,7 +486,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>
@@ -524,7 +524,7 @@ export default function PackingList() {
         />
         <Item
           isPacked={false}
-          name="Tam 的照片" 
+          name="Tam 的照片"
         />
       </ul>
     </section>

src/content/learn/manipulating-the-dom-with-refs.md

@@ -215,7 +215,7 @@ li {
 
 另一种解决方案是**将函数传递给 `ref` 属性**。这称为 [`ref` 回调](/reference/react-dom/components/common#ref-callback)。当需要设置 ref 时，React 将传入 DOM 节点来调用你的 ref 回调，并在需要清除它时传入 `null` 。这使你可以维护自己的数组或 [Map](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map)，并通过其索引或某种类型的 ID 访问任何 ref。
 
-此示例展示了如何使用此方法滚动到长列表中的任意节点： 
+此示例展示了如何使用此方法滚动到长列表中的任意节点：
 
 <Sandpack>
 

src/content/learn/passing-data-deeply-with-context.md

@@ -1,6 +1,6 @@
 ---
 title: 使用 Context 深层传递参数
-translators: 
+translators:
   - KeanuoLeung
   - rottenpen
 ---

src/content/learn/passing-props-to-a-component.md

@@ -1,6 +1,6 @@
 ---
 title: 将 Props 传递给组件
-translators: 
+translators:
   - SylviaZ89
   - rottenpen
 ---
@@ -16,7 +16,7 @@ React 组件使用 *props* 来互相通信。每个父组件都可以提供 prop
 * 如何向组件传递 props
 * 如何从组件读取 props
 * 如何为 props 指定默认值
-* 如何给组件传递 JSX 
+* 如何给组件传递 JSX
 * Props 如何随时间变化
 
 </YouWillLearn>

src/content/learn/preserving-and-resetting-state.md

@@ -90,7 +90,7 @@ label {
 
 </Sandpack>
 
-下面是它们的树形结构的样子：   
+下面是它们的树形结构的样子：
 
 <DiagramGroup>
 

src/content/learn/queueing-a-series-of-state-updates.md

@@ -1,6 +1,6 @@
 ---
 title: 把一系列 state 更新加入队列
-translators: 
+translators:
   - Jiacheng787
   - Neo42
 ---