React 基础面试题, React 框架的核心思想有哪些?
React 基础面试题, React 框架的核心思想有哪些?
QA
Step 1
Q:: React 的核心思想是什么？
A:: React 的核心思想包括组件化、单向数据流、声明式编程和虚拟 DOM。组件化使得代码可以复用和维护更加简单。单向数据流确保数据的可预测性和简化调试。声明式编程让开发者专注于 UI 应该是什么样子，而不是如何实现状态管理。虚拟 DOM 提高了 UI 的性能，通过在内存中维护一个轻量级的 DOM 表示来减少真实 DOM 操作。
Step 2
Q:: React 中的组件有哪几种？它们的区别是什么？
A:: React 组件主要分为两种：类组件（Class Component）和函数组件（Function Component）。类组件使用 ES6 的 class 语法定义，支持完整的生命周期方法和 state。函数组件最初是无状态组件，但在 React 16.8 之后通过 Hooks 使得函数组件也可以使用 state 和其他 React 特性。相较于类组件，函数组件更简洁，性能更好，更易于测试和调试。
Step 3
Q:: 什么是 JSX？JSX 是如何被编译的？
A:: JSX 是 JavaScript XML 的缩写，它允许在 JavaScript 代码中编写类似 HTML 的语法，这使得 UI 代码更加直观和可读。JSX 语法最终会被 Babel 编译成 React.createElement 调用，因此在浏览器中执行的是纯 JavaScript 代码。
Step 4
Q:: React 中的虚拟 DOM（Virtual DOM）是什么？有什么作用？
A:: 虚拟 DOM 是 React 中的一种性能优化技术。它是 UI 的轻量级副本，存储在内存中。当状态或属性发生变化时，React 会先在虚拟 DOM 中执行变更，然后计算出最小的变更差异（diff），最后将这些差异高效地更新到真实 DOM 中，从而提高性能。