排序
面试题：如何使用 React 的 useState？请举例说明
useState 是 React Hooks 中最基础也是最常用的 Hook，它允许你在函数组件中添加本地状态（state），而无需使用类组件。 1. 基本语法 const [state, setState] = useState(initialState); state...
17天前面试题：React、React-dom 和 babel 的作用分别是什么？
React、React-dom 和 Babel 是构建现代 React 应用的三个核心工具，它们各司其职，协同工作。 1. React 作用：定义组件和管理状态的核心库。 核心功能： 提供 React.createElement()、React.Com...
12天前面试题：React 中有几种构建组件的方式？它们的区别是什么？
在 React 中，构建组件主要有三种方式，随着 React 版本的演进，推荐的方式也在不断变化。以下是当前主流的组件构建方式及其区别： 1. 函数组件 (Function Components) 定义：使用 JavaScript ...
17天前面试题：React 组件的 state 和 props 有什么区别？
在 React 中，state 和 props 是管理数据的两个核心概念，它们都用于控制组件的渲染，但在来源、可变性、作用范围和使用场景上有本质区别。 核心区别速查表 特性stateprops来源组件内部定义和管...
17天前面试题：如果 React 的 Consumer 组件在上下文树中找不到 Provider，如何处理？
这是一个很好的问题，涉及到 React Context API 的健壮性设计。 当一个 Consumer 组件在组件树中找不到对应的 Provider 时，React 会使用在 createContext 时定义的 defaultValue（默认值）。 1...
17天前面试题：React 中，父子组件如何进行通信？
在 React 中，组件通信是构建复杂应用的核心。父子组件通信是最基础、最常见的方式，其核心原则是 “数据单向流动” —— 数据从父组件流向子组件。 1. 父组件向子组件传递数据：通过 props 这...
17天前面试题：如何在 React 中创建一个事件？请举例说明
在 React 中，我们通常不直接创建原生 DOM 事件（如 new MouseEvent()），而是通过定义事件处理函数并将其绑定到 JSX 元素上来响应用户交互。React 使用合成事件系统（SyntheticEvent）来处理这...
12天前面试题：React 的 keys 是否需要设置为全局唯一？为什么？
不需要。React 中的 key 不需要设置为全局唯一，只需要在当前的兄弟节点（siblings）范围内唯一即可。 为什么只需要在兄弟节点中唯一？ React 在进行 reconciliation（协调）过程时，会比较同一...
12天前面试题：React 的事件与普通 HTML 事件有什么区别？
React 的事件系统与原生 HTML 事件系统在使用上相似，但存在几个关键区别，主要体现在事件处理机制、事件对象和事件绑定方式上。 以下是两者的主要区别： 1. 事件命名规范不同 HTML 原生事件：...
12天前面试题：如何将事件传递给 React 子组件？
在 React 中，由于事件处理逻辑通常位于父组件，而事件触发于子组件（如按钮点击），因此需要将事件处理函数从父组件作为 props 传递给子组件。这是 React 数据和逻辑自上而下流动的典型体现。 ...
12天前
