高阶组件

高阶函数(higher-order function): 接受函数作为输入,或是输出一个函数。比如,常用的工具方法 map、reduce 和 sort 等都是高阶函数。
高阶组件(higher-order component): 类似于高阶函数,它接受 React 组件作为输入,输出一个新的 React 组件。

实现高阶组件的方法有如下两种:

  • 属性代理(props proxy)。高阶组件通过被包裹的 React 组件来操作 props。
  • 反向继承(inheritance inversion)。高阶组件继承于被包裹的 React 组件。

Modal

使用antd的Modal组件进行信息提示,如果封装好的组件不能满足需求可以对组件的dom进行操作改变dom的结构,利用Modal.method()中封装的方法你能够容易操作dom结构

Flex布局

网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex布局将成为未来布局的首选方案。Flex布局