常见的React面试题
下面是一个常用的关于 React 的面试问题列表：
React 的工作原理
- React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff 的结果来更新 DOM。
使用 React 有何优点
-
只需查看 render 函数就会很容易知道一个组件是如何被渲染的
JSX 的引入，使得组件的代码更加可读，也更容易看懂组件的布局，或者组件之间是如何互相引用的 -
支持服务端渲染，这可以改进 SEO 和性能
-
易于测试
-
React 只关注 View 层，所以可以和其它任何框架(如Backbone.js, Angular.js)一起使用
展示组件(Presentational component)和容器组件(Container component)之间有何不同
- 展示组件关心组件看起来是什么。展示专门通过 props 接受数据和回调，并且几乎不会有自身的状态，但当展示组件拥有自身的状态时，通常也只关心 UI 状态而不是数据的状态。
- 容器组件则更关心组件是如何运作的。容器组件会为展示组件或者其它容器组件提供数据和行为(behavior)，它们会调用 Flux actions，并将其作为回调提供给展示组件。容器组件经常是有状态的，因为它们是(其它组件的)数据源。
类组件(Class component)和函数式组件(Functional component)之间有何不同
- 类组件不仅允许你使用更多额外的功能，如组件自身的状态和生命周期钩子，也能使组件直接访问 store 并维持状态
- 当组件仅是接收 props，并将组件自身渲染到页面时，该组件就是一个 '无状态组件(stateless component)'，可以使用一个纯函数来创建这样的组件。这种组件也被称为哑组件(dumb components)或展示组件
(组件的)状态(state)和属性(props)之间有何不同
-
State 是一种数据结构，用于组件挂载时所需数据的默认值。State 可能会随着时间的推移而发生突变，但多数时候是作为用户事件行为的结果。
-
Props(properties 的简写)则是组件的配置。props 由父组件传递给子组件，并且就子组件而言，props 是不可变的(immutable)。组件不能改变自身的 props，但是可以把其子组件的 props 放在一起(统一管理)。Props 也不仅仅是数据--回调函数也可以通过 props 传递。
指出(组件)生命周期方法的不同
- componentWillMount -- 多用于根组件中的应用程序配置
- componentDidMount -- 在这可以完成所有没有 DOM 就不能做的所有配置，并开始获取所有你需要的数据；如果需要设置事件监听，也可以在这完成
- componentWillReceiveProps -- 这个周期函数作用于特定的 prop 改变导致的 state 转换
- shouldComponentUpdate -- 如果你担心组件过度渲染，shouldComponentUpdate 是一个改善性能的地方，因为如果组件接收了新的 prop， 它可以阻止(组件)重新渲染。
- shouldComponentUpdate 应该返回一个布尔值来决定组件是否要重新渲染
- componentWillUpdate -- 很少使用。它可以用于代替组件的-
- componentWillReceiveProps 和 shouldComponentUpdate(但不能访问之前的 props)
- componentDidUpdate -- 常用于更新 DOM，响应 prop 或 state 的改变
- componentWillUnmount -- 在这你可以取消网络请求，或者移除所有与组件相关的事件监听器
应该在 React 组件的何处发起 Ajax 请求；在 React 组件中，应该在 componentDidMount 中发起网络请求。这个方法会在组件第一次“挂载”(被添加到 DOM)时执行，在组件的生命周期中仅会执行一次。更重要的是，你不能保证在组件挂载之前 Ajax 请求已经完成，如果是这样，也就意味着你将尝试在一个未挂载的组件上调用 setState，这将不起作用。在 componentDidMount 中发起网络请求将保证这有一个组件可以更新了。
何为受控组件(controlled component)
- 在 HTML 中，类似 ,