Question

这是我的HOC：在此我检查了加载条件。

    import React, { Component } from 'react';

const LoaderHOC = (propName) => (WrappedComponent) => {
    return class LoaderHOC extends Component {
        isEmpty(prop) {
            return(
                prop === null ||
                prop === undefined ||
                (prop.hasOwnProperty('length') && prop.length === 0) ||
                (prop.constructor === Object && Object.keys(prop).length === 0)
            );
        }

        render() {

            return isEmpty(this.props[propName])
                ?
                <h2 align="center"> Loading....</h2>
                : 
                <WrappedComponent {...this.props} />
        }
    }
}

export default LoaderHOC;

这是我的组件播放列表的导出默认语句：

.
.
.
.

export default connect(mapStateToProps, mapDispatchToProps)(LoaderHOC(0)(Playlists));

在播放列表组件中，我正在进行api调用，直到未获取我的数据为止。 正在加载... 。在export语句中，而不是0，我需要传递从api接收到的数据，我无法将从api调用获取的数据传递给hoc作为道具！有什么办法可以将数据从组件传递到临时文件夹？

Reactjs将道具传递给HOC加载程序

0 个答案: