在react@16.x版本之前都是用的老版本context，主要通过React.Component中静态方法getChildContext、静态属性childContextTypes、contextTypes实现的。

@observer只能用在类组件前面，在函数组件前使用会报Leading decorators must be attached to a class declaration

connect：用于创建容器组件，可以使容器组件访问到Provider组件通过context提供的store，并将mapStateToProps和mapDispatchToProps返回的state和dispatch传递给UI组件。

1、父组件向子组件传值 父组件向子组件传值一般采用props属性传递 父组件： {代码...} 子组件： {代码...} 2、子组件向父组件传值 子组件调用父组件传过来的回调函数来更改父组件的state 父组件 {代码...} 子组件 {代码...} 3、嵌套组件通讯（祖孙组件） context是一个全局变量，像是一个大容器，在任何地方都可以访问到...

React Router 是一个基于React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。

React 没有提供将可复用性行为“附加”到组件的途径（例如，把组件连接到 store）。如果你使用过 React 一段时间，你也许会熟悉一些解决此类问题的方案，比如render props和高阶组件。但是这类方案需要重新组织你的组件结构，这可能会很麻烦，使你的代码难以理解。如果你在 React DevTools 中观察过 React 应用，你会发现...

在java语言中也存在static方法，它属于类本身，跟对象实例没有关系，可以通过类名直接调用。react类组件中的static方法也是通过类名调用。

在react状态组件中state定义方式分为两种，一种是在construcor中定义；另一种是在constructor外面定义。网上有些人说state属性定义在constructor里面时，state挂在组件实例上，定义在constructor外面会挂在原型对象上。为了方便分析两种定义方式之间的区别，下面通过babel转译到ES5。

5.1版本的React-Router，带来了useHistory，useLocation，useParams，useRouteMatch四个钩子函数。

  <Switch>是唯一的因为它仅仅只会渲染一个路径。相比之下（不使用<Switch>包裹的情况下），每一个被location匹配到的<Route>将都会被渲染。认真思考下面的代码：

react-router: 实现了路由的核心功能 react-router-dom: 基于react-router，加入了在浏览器运行环境下的一些功能，例如：Link组件，会渲染一个a标签，Link组件源码a标签行; BrowserRouter和HashRouter组件，前者使用pushState和popState事件构建路由，后者使用window.location.hash和hashchange事件构建路由。