TypeScript 与组合式 API 观看 Scrimba 的互动视频课程 这一章假设你已经阅读了搭配 TypeScript 使用 Vue 的概览。 为组件的 props 标注类型 使用 <script setup> 当使用 <script setu...

关闭不活跃的议题 你可以使用 GitHub Actions 对在一段时间内处于非活跃状态的议题进行评论或将其关闭。 简介 本教程演示如何使用 actions/stale 操作来评论和关闭在一段时间内处于非活动状态的...

对 state 进行保留和重置 各个组件的 state 是各自独立的。根据组件在 UI 树中的位置，React 可以跟踪哪些 state 属于哪个组件。你可以控制在重新渲染过程中何时对 state 进行保留和重置。 你将...

你可能不需要 EffectEffect 是 React 范式中的一种脱围机制。它们让你可以 “逃出” React 并使组件和一些外部系统同步，比如非 React 组件、网络和浏览器 DOM。如果没有涉及到外部系统（例如，...

当编写 Effect 时，linter 会验证是否已经将 Effect 读取的每一个响应式值（如 props 和 state）包含在 Effect 的依赖中。这可以确保 Effect 与组件的 props 和 state 保持同步。不必要的依赖可...

使用 ref 操作 DOM由于 React 会自动处理更新 DOM 以匹配你的渲染输出，因此你在组件中通常不需要操作 DOM。但是，有时你可能需要访问由 React 管理的 DOM 元素 —— 例如，让一个节点获得焦点...

state 中可以保存任意类型的 JavaScript 值，包括对象。但是，你不应该直接修改存放在 React state 中的对象。相反，当你想要更新一个对象时，你需要创建一个新的对象（或者将其拷贝一份），然...

React 可以改变你对可见设计和应用构建的思考。当你使用 React 构建用户界面时，你首先会把它分解成一个个 组件，然后，你需要把这些组件连接在一起，使数据流经它们。在本教程中，我们将引导你...

环境变量和模式 ​Vite 在特殊的 import.meta.env 对象下暴露了一些常量。这些常量在开发阶段被定义为全局变量，并在构建阶段被静态替换，以使树摇（tree-shaking）更有效。示例jsif (import.me...

Vite 服务端渲染（SSR）注意这里的 SSR 特指 React、Preact、Vue 和 Svelte 等前端框架所支持的能力：在 Node.js 中运行同一个应用，预先渲染为 HTML，最后在客户端完成水合。如果你要对接传统...