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

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

    使用高阶组件去实现我们的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);