必须要会的50个React面试题

Flux 是一种逼迫单向数据流的架构模式。它节制派生数据，并利器具有全部数据权限的中心 store 实现多个组件之间的通讯。整个应用中的数据更新必需只能在此处举办。 Flux 为应用提供不变性并镌汰运行时的错误。

36. 什么是Redux？

Redux 是当今最热点的前端开拓库之一。它是 JavaScript 措施的可猜测状态容器，用于整个应用的状态打点。行使 Redux 开拓的应用易于测试，可以在差异情形中运行，并表现同等的举动。

37. Redux遵循的三个原则是什么？

1. 单一究竟来历：整个应用的状态存储在单个 store 中的工具/状态树里。单一状态树可以更轻易地跟踪随时刻的变革，并调试或搜查应用措施。
2. 状态是只读的：改变状态的独一要领是去触发一个举措。举措是描写变革的平凡 JS 工具。就像 state 是数据的最小暗示一样，该操纵是对数据变动的最小暗示。
3. 行使纯函数举办变动：为了指定状态树怎样通过操纵举办转换，你必要纯函数。纯函数是那些返回值仅取决于其参数值的函数。

38. 你对“单一究竟来历”有什么领略？

Redux 行使 “Store” 将措施的整个状态存储在统一个处所。因此全部组件的状态都存储在 Store 中，而且它们从 Store 自己吸取更新。单一状态树可以更轻易地跟踪随时刻的变革，并调试或搜查措施。

39. 列出 Redux 的组件。

Redux 由以下组件构成：

1. Action – 这是一个用来描写产生了什么工作的工具。
2. Reducer – 这是一个确定状态将怎样变革的处所。
3. Store – 整个措施的状态/工具树生涯在Store中。
4. View – 只表现 Store 提供的数据。

40. 数据怎样通过 Redux 活动？

41. 如安在 Redux 中界说 Action？

React 中的 Action 必需具有 type 属性，该属性指示正在执行的 ACTION 的范例。必需将它们界说为字符串常量，而且还可以向其添加更多的属性。在 Redux 中，action 被名为 Action Creators 的函数所建设。以下是 Action 和Action Creator 的示例：

function addTodo(text) { 
       return { 
                type: ADD_TODO,     
                 text 
    } 
} 

42. 表明 Reducer 的浸染。

Reducers 是纯函数，它划定应用措施的状态奈何因相应 ACTION 而改变。Reducers 通过接管先前的状态和 action 来事变，然后它返回一个新的状态。它按照操纵的范例确定必要执行哪种更新，然后返回新的值。假如不必要完成使命，它会返回原本的状态。

43. Store 在 Redux 中的意义是什么？

Store 是一个 JavaScript 工具，它可以生涯措施的状态，并提供一些要领来会见状态、调治操纵和注册侦听器。应用措施的整个状态/工具树生涯在单一存储中。因此，Redux 很是简朴且是可猜测的。我们可以将中间件转达到 store 来处理赏罚数据，并记录改变存储状态的各类操纵。全部操纵都通过 reducer 返回一个新状态。

44. Redux与Flux有何差异？