Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript connect react redux HOC GET错误`无法将类作为函数调用`_Javascript_Reactjs_Ecmascript 6_Redux - Fatal编程技术网

Javascript connect react redux HOC GET错误`无法将类作为函数调用`

Javascript connect react redux HOC GET错误`无法将类作为函数调用`,javascript,reactjs,ecmascript-6,redux,Javascript,Reactjs,Ecmascript 6,Redux,我的电脑怎么了?我遇到了无法将类作为函数调用的错误 我的孩子 const CheckPermission = (Component) => { return class App extends Component { componentDidMount() { this.props.fetchUsers().then(resp => { this.setState({user: true, load

我的电脑怎么了?我遇到了无法将类作为函数调用的错误

我的孩子

const CheckPermission = (Component) => { 
    return class App extends Component { 
        componentDidMount() {
            this.props.fetchUsers().then(resp => {
                this.setState({user: true, loading: false});
            })
        } 
        render() { 
           const { user, loading } = this.props

           loading && <div>Loading...</div>

           !user && <Redirect to="/dashboard" />

           return <Component {...this.props} />
        }
    } 
}


export default connect(state=>state.global, {fetchUsers})(CheckPermission)
const CheckPermission=(组件)=>{
返回类应用程序扩展组件{
componentDidMount(){
this.props.fetchUsers().then(resp=>{
this.setState({user:true,load:false});
})
} 
render(){
const{user,load}=this.props
正在加载和正在加载。。。
!用户&&
返回
}
} 
}
导出默认连接(state=>state.global,{fetchUsers})(CheckPermission)
以下是我导入和用户检查权限的方式:


您不能将
检查权限
包装为
连接
,因为它也是一个HOC。 相反,你必须创作它们

import { compose } from 'redux';


我仍然遇到同样的错误,这是我在第7行的完整文件为什么在
组件
周围添加大括号我编辑了我的代码片段以重新排列传递给组件的参数我删除了大括号,现在它工作了,这与组合参数的顺序有关吗?是的,因为
compose
将第二个函数的结果传递给第一个函数,而在
checkPermission
中,您需要connect传递的道具。
export default compose(
  connect(state=>state.global, {fetchUsers}),  
  CheckPermission
);