用高阶组件去实现功能开关

使用高阶组件去实现我们的toggle, 从而实现组件的多样性.

比如下面的例子, 实现某个功能的开/关

  1. // featureToggle.js
  2. const isFeatureOn = function (featureName) {
  3.   // return true or false
  4. };
  6. import { isFeatureOn } from './featureToggle';
  8. const toggleOn = (featureName, ComposedComponent) => class HOC extends Component {
  9.   render() {
  10.     return isFeatureOn(featureName) ? <ComposedComponent {...this.props} /> : null;
  11.   }
  12. };
  14. // 用法
  15. import AdsComponent from './Ads'
  16. const Ads = toggleOn('ads', AdsComponent);