复合组件是 React 的一个高级模式，通常是由两个或两个以上的组件共同来实现某项功能。其中一个组件作为父组件，其余组件作为它的子组件，利用这种显式父子关系来共享隐式状态。

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧，对于新手是很好的指导型文章，能够帮你减少踩坑。

上一篇文章——从零开始搭建 React 应用（一）——基础搭建讲述了如何使用 webpack 搭建一个非常基础的 react 开发环境。本文将详细讲述搭建一个 React 应用的架构。 在我们开发过程中，很多时候，我们需要让组件共享某些数据，虽然可以通过组件传递数据实现数据共享…

webpack4的cli(command line interface)已经移动到webpack-cli了，如果要使用CLI,你需要安装webpack-cli，具体使用可以查看webpack-cli的文档。 由于Babel默认只转换新的JavaScript句法（syntax），…

当我们在做 SPA 应用的时候，为了兼容老的浏览器（如IE9）我们不得不放弃 HTML5 browser history api 而只能采用 hash 路由的这种形式来实现前端路由，但是因为 hash 被路由占据了，导致本来不是问题的锚点功能却成了一个不大不小的问题。 经过我自…

单页面应用，在同一个页面使用 hash 跳转到页面不同位置(锚点跳转)。此功能是不正常的。 还可以看看前人发的 issue 参见：https://github.com/ReactTraining/react-router/issues/394。针对这个问题也有相应解决方案： 如…

在react中，用这种传统的方式，如果是基于browserHistory，路径上加了hash值，但是并不会跳转到想要的锚点位置。如果是基于hashHistory，虽然会跳转到想要的锚点位置，但是路径改变了。<a onClick={() => this.let anchorElem...

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re