百应前端团队

ES6 中引入了 class(类) 的概念。 通过 class 关键字，我们可以定义 类。 class 可以看做是一个 语法糖，它的绝大部分功能，都可以用 ES5 做到， 它只是让 对象原型(prototype) 的写法 更加清晰、更像面向对象编程 的语法而已。 constru…

在类组件挂载的时候调用，用于构建一个类组件实例。 在构建类组件实例的时候， 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性， 然后执行自定义构造函数来初始化 state 和 事件绑定。 如果类组件不需要初始化…

错误边界是一种 React 组件，这种组件可以捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且，它会渲染出备用 UI，而不是渲染那些崩溃了的子组件树。 如果一个 class 组件中定义了 static getDerivedStateFromError() …

在上面的流程中， 用户通过 dispatch 发起 Action 后， reducer 会立即计算返回新的 state， 这是一个 同步 的过程。 但是如果我们想在 Action 发起之后， 过一段时间再执行 reducer 计算 state， 即 异步计算 state， 该如…

在使用 React 构建web应用的时候， 我们一般会通过 props 属性来进行父子间组件之间的通讯。但是当应用比较复杂，需要多个组件之间进行通讯时， 再使用 props 属性就不太合适了。此时， 我们可以使用 redux 来进行组件之间的通讯。 web应用的 全局数据， 供…

Redux 提供了一套通用的 状态管理机制 帮助我们在复杂 react 应用中管理组件中的 公共状态 - state。 使用 Redux 时， 我们会先使用 Redux.createStore(reducer) 构建一个 store 对象。通过 store.getState 可…

redux 和 vuex 都提供了一套 状态管理机制 帮助我们在 单页面应用 中管理 公共状态- state。 尽管它们两个的 应用场景不同，但是我们还是可以对它们做一些分析比较。 两者的 状态管理机制 都是基于 状态、状态更新、触发状态修改 这三个要素进行的。 这三个要素，在…

使用 react 构建 单页面应用 时，离不开 react-router 的配合。通过 react-router， 我们可以建立 路由和组件(页面)之间的映射关系。当 切换路由 时，将匹配的组件(页面) 渲染到对应的位置。 官网 提供了 react-router 的 两个版本：…

react router(react-router-dom) 和 vue router 都提供了一套 路由管理机制 帮助我们在 单页面应用 中管理 页面跳转。 尽管它们两个的 应用场景 不同，但是我们还是可以对它们做一些分析比较。 不管是 vue router 还是 react…