React 基础面试题, 在 React 的 JSX 中,属性是否可以被覆盖?覆盖的原则是什么?
React 基础面试题, 在 React 的 JSX 中,属性是否可以被覆盖?覆盖的原则是什么?
QA
Step 1
Q:: 在 React 的 JSX 中，属性是否可以被覆盖？覆盖的原则是什么？
A:: 在 React 的 JSX 中，属性可以被覆盖。覆盖的原则是基于 JSX 的解析过程，后声明的属性会覆盖前面声明的同名属性。例如，如果你在同一个 JSX 元素中两次声明相同的属性（如 className），最后一个声明的值将会生效。这在编写组件时非常重要，特别是在处理动态属性时，开发者需要明确了解属性覆盖的行为。
Step 2
Q:: React 中 setState 是同步还是异步？
A:: React 中的 setState 是异步的。这是因为 React 会对多个 setState 调用进行批量更新，以提高性能。批量更新可以减少重新渲染的次数，从而优化性能。在事件处理函数中调用 setState 时，React 会合并这些更新，并在事件处理完成后进行一次重新渲染。开发者需要注意这一点，尤其是在使用 setState 时希望立即获取最新的 state 值。
Step 3
Q:: React 中 key 属性的作用是什么？
A:: 在 React 中，key 属性用于帮助识别哪些元素发生了变化、添加或移除。这对于高效地更新 DOM 非常重要，特别是在渲染列表时。key 应该是元素在兄弟元素中的唯一标识符。如果没有正确设置 key，可能会导致性能问题或组件状态的不一致。通常情况下，使用数组中的唯一标识符（如 id）作为 key 是最佳实践。
Step 4
Q:: 什么是 React 中的生命周期方法？列出几个常用的生命周期方法。
A:: React 中的生命周期方法是组件在其生命周期中的特定阶段（如挂载、更新和卸载）会自动调用的一些方法。常用的生命周期方法包括：componentDidMount（组件挂载后调用）、componentDidUpdate（组件更新后调用）、componentWillUnmount（组件卸载前调用）等。理解这些方法对于在适当的时间点进行操作（如数据获取、清理操作）非常重要。