React面试题

React面试题

1. React中的组件生命周期方法有哪些？它们的作用是什么？

   • componentDidMount: 组件挂载后调用，可以进行异步请求和初始化操作。
   • componentDidUpdate: 组件更新后调用，可以执行更新后的操作。
   • componentWillUnmount: 组件卸载前调用，可以进行清理操作。
   • shouldComponentUpdate: 用于性能优化，控制组件是否需要重新渲染。
   • render: 渲染组件的内容。

2. React中如何处理表单输入？

   在React中处理表单输入通常使用受控组件。受控组件将表单的值绑定到组件的状态，并通过事件处理程序更新状态。例如，使用value属性将<input>元素与状态关联，并通过onChange事件处理程序更新状态。

3. React中的状态和属性有什么区别？

   • 属性（Props）是组件的输入，由父组件传递给子组件，是不可变的。
   • 状态（State）是组件内部管理的数据，可以通过setState方法进行更新。

4. React中如何进行条件渲染？

   在React中，可以使用条件语句（如if语句或三元表达式）或逻辑运算符来进行条件渲染。另外，也可以使用&&运算符、||运算符或switch语句来根据条件决定是否渲染组件或内容。

5. React中的虚拟DOM是什么？为什么使用虚拟DOM？

   虚拟DOM是React中的一种概念，它是React组件树的轻量级副本，用于跟踪和计算实际DOM的更改。当状态或属性发生变化时，React会使用虚拟DOM进行比较，并只更新必要的部分，然后将更改应用于实际DOM，以提高性能和渲染效率。