排序
面试题:React 中引入 CSS 的方式有哪些?
这是一道考察React样式方案生态的面试题,能体现你对工程化实践的了解程度。 下面从6种主流方式进行对比分析,涵盖从基础到进阶的方案。 一、快速对比总览 方式作用域动态样式预处理器适用场景...
面试题:为什么在 React 项目标签中使用 htmlFor 而不是 for?
在 React 项目中使用 htmlFor 而不是 for,主要原因如下: 1. JavaScript 保留字冲突 for 是 JavaScript 的保留关键字,用于 for 循环(如 for (let i = 0; i < 10; i++))。 React 组件的 J...
面试题:什么是 React 中类组件和函数组件?它们有什么区别?
在 React 中,类组件(Class Component) 和 函数组件(Function Component) 是定义 UI 组件的两种主要方式。随着 React Hooks 的引入,函数组件的功能大大增强,逐渐成为主流。 一、基本定义 ...
面试题:如果 React 的 Consumer 组件在上下文树中找不到 Provider,如何处理?
这是一个很好的问题,涉及到 React Context API 的健壮性设计。 当一个 Consumer 组件在组件树中找不到对应的 Provider 时,React 会使用在 createContext 时定义的 defaultValue(默认值)。 1...
面试题:React 组件的 state 和 props 有什么区别?
在 React 中,state 和 props 是管理数据的两个核心概念,它们都用于控制组件的渲染,但在来源、可变性、作用范围和使用场景上有本质区别。 核心区别速查表 特性stateprops来源组件内部定义和管...
面试题:为什么说:在 React 中,一切都是组件?
“在 React 中,一切都是组件” 这句话是 React 设计哲学的高度概括,它体现了 React 以组件为核心的开发模式。这里的“一切”并非字面意义上的所有事物,而是指用户界面(UI)的构建单元和逻辑...
面试题:React 的事件与普通 HTML 事件有什么区别?
React 的事件系统与原生 HTML 事件系统在使用上相似,但存在几个关键区别,主要体现在事件处理机制、事件对象和事件绑定方式上。 以下是两者的主要区别: 1. 事件命名规范不同 HTML 原生事件:...
面试题:React Router 中的 Link 标签和 HTML 的 a 标签有什么区别?
在 React 应用中,<Link> 标签(来自 React Router)和原生的 HTML <a> 标签虽然都用于导航,但它们在工作原理、用户体验和性能上有本质区别。 核心区别总结 特性<Link> (Rea...
面试题:如何将事件传递给 React 子组件?
在 React 中,由于事件处理逻辑通常位于父组件,而事件触发于子组件(如按钮点击),因此需要将事件处理函数从父组件作为 props 传递给子组件。这是 React 数据和逻辑自上而下流动的典型体现。 ...
面试题:为什么 React 不推荐直接修改 state?如果需要修改 state,应该如何操作?
在 React 中,直接修改 state(即 this.state)是被严格禁止的。React 不推荐这样做的原因以及正确的修改方式如下: 为什么不能直接修改 state? 绕过 React 的状态管理机制:React 的 state 不...
