React 基础面试题, 为什么说:在 React 中,一切都是组件?
React 基础面试题, 为什么说:在 React 中,一切都是组件?
QA
Step 1
Q:: 为什么说在 React 中，一切都是组件？
A:: 在 React 中，组件是构建用户界面的基本单位。每个组件都可以独立维护自己的状态，并且通过组合这些组件，开发者可以构建出复杂的用户界面。组件可以是简单的 UI 元素，也可以是包含业务逻辑和状态管理的复杂模块。React 强调组件化的设计思想，因为组件可以复用、维护和测试，这大大提高了开发效率和代码质量。
Step 2
Q:: React 中的状态（State）和属性（Props）有什么区别？
A:: State 和 Props 都是 React 中用于数据传递的机制。Props（属性）用于在组件之间传递数据，它是不可变的，即在组件内部不能修改它。State（状态）是组件内部的数据，它是可变的，并且当 State 发生变化时，组件会自动重新渲染。
Step 3
Q:: 如何在 React 中实现组件之间的通信？
A:: 在 React 中，组件之间的通信主要通过 Props 进行。父组件可以通过 Props 向子组件传递数据和回调函数，这样子组件可以通过调用这些回调函数来向父组件传递信息。除此之外，可以使用 React 的 Context API 来实现跨层级的组件通信，或者使用状态管理库如 Redux、MobX 来管理全局状态，实现更复杂的组件通信。
Step 4
Q:: React 中的生命周期函数有哪些？
A:: React 组件的生命周期函数主要分为三个阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting）。挂载阶段包括 componentDidMount，更新阶段包括 componentDidUpdate，卸载阶段包括 componentWillUnmount。这些生命周期函数允许开发者在组件的不同阶段执行特定的操作，例如在组件加载后获取数据、在组件更新后对 DOM 进行操作、在组件卸载前进行清理等。
Step 5
Q:: 什么是 React 中的虚拟 DOM？它如何提高性能？
A:: 虚拟 DOM 是 React 用来提高性能的一种技术。虚拟 DOM 是内存中的一个轻量级副本，它与实际的 DOM 保持同步。当组件的状态或属性发生变化时，React 会首先更新虚拟 DOM，然后将新的虚拟 DOM 与旧的虚拟 DOM 进行比较，找出差异，最后只更新实际 DOM 中发生变化的部分。这种方式大大减少了直接操作 DOM 的次数，从而提高了性能。