如何实现一个高阶组件（HOC）？

Question

在编辑复用组件是，如何实现高阶组件（HOC）？

Answer 1

示例代码**：

function withLoading(WrappedComponent) {
    return function (props) {
        if (props.isLoading) {
            return <div>Loading...</div>;
        }
        return <WrappedComponent {...props} />;
    };
}

口语化解释：这个高阶组件 withLoading 会在 isLoading 为 true 时显示加载提示，否则渲染原始组件。