react-redux错误无法将类作为函数调用

塔哈

我一直在学习react-redux,当我尝试将我的react组件与其连接时,出现以下错误。

connect.js:41 Uncaught (in promise) TypeError: Cannot call a class as a function
at _classCallCheck (connect.js:41)
at Connect (connect.js:125)
at eval (combineReducers.js:37)
at Array.forEach (<anonymous>)
at eval (combineReducers.js:34)
at Map.withMutations (immutable.js:1355)
at eval (combineReducers.js:33)
at computeNextEntry (<anonymous>:2:27469)
at recomputeStates (<anonymous>:2:27769)
at <anonymous>:2:31382 

我正在使用react-redux version 4.4.8react-boilerplate我使用的代码是

import React from 'react';
import { connect } from 'react-redux';

 class Something extends React.Component {

 render(){
 return(
       <div>
          <p>It is working</p>
       </div>
      );
    }
  }

 export default connect()(Something);

我在这里想念什么?由于无法解决问题,我们将不胜感激。

**编辑

我从路由中删除了对减速器的引用,并且它起作用了。路线可能有问题。

 {
  path: '/something',
  name: 'something',
  getComponent(nextState, cb) {
    const importModules = Promise.all([
      import('./Something'),
    //  import('./Something/reducer')
    ]);

    const renderRoute = loadModule(cb);

    importModules.then(([component]) => {
      //injectReducer('something', reducer.default);
        renderRoute(component);
    });
    importModules.catch(errorLoading);
  },
塔哈

我找到了解决方案。问题是数组importModules中元素的顺序。由于Promise的原因,(([[component,reducer]))应该与reducer和component的import语句相同。正如您在下面的代码中所看到的那样。有关react-boilerplate

{
 path: '/something',
 name: 'something',

 getComponent(nextState, cb) {
   const importModules = Promise.all([

  import('./Something'),
  import('./Something/reducer')

]);

const renderRoute = loadModule(cb);

importModules.then(([component, reducers]) => {

  injectReducer('something', reducer.default);
    renderRoute(component);
});

importModules.catch(errorLoading);
},

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TypeError:无法将类作为函数调用(React / Redux)

React / Redux TypeError:无法将类作为函数调用

connect react redux HOC收到“无法将类作为函数调用”的错误

React HOC:TypeError:无法将类作为函数调用

在应用applyMiddleware(thunk)时,在react js中获取“无法将类作为函数调用”

当我使用react-navigation-stack将类组件用作另一个组件的自定义标头时,出现“无法将类作为函数调用”错误

无法调用类作为函数,如果我使用es6格式,React路由器在控制台中显示错误

React Native 不能将类作为函数调用

React - 将元素作为调用函数的道具传递给组件

在 react 中实现 redux 后,map(item) 函数无法将“item”作为道具传递给 JSX 组件

在React中调用类的Webpack“不是函数”错误

将类转换为函数React Error无效的钩子调用

React 将函数转换为类并将变量从函数调用到类

使用 Babel 编译的 GraphQL 抛出错误“无法将类作为函数调用”

React Functional组件:作为函数调用与作为组件调用

react-redux 未调用 fetch 函数

React-Redux类组件mapStateToProps错误

Redux saga 将多个参数作为动作传递并将其放入 saga 函数 React Native

如何调用 React 类中的函数?

React Native如何调用父类的函数

react-native 如何从另一个包装在 react-redux 中的 connect() 类调用函数?

createSwitchNavigator-TypeError:无法将类作为函数调用

未捕获(承诺)TypeError:无法将类作为函数调用

反应webpack设置-无法将类作为函数调用

reactJS-TypeError:无法将类作为函数调用

Vue:无法将类作为函数Apex调用

Redux React:无法在另一个类的函数中访问'this'

将组件作为函数调用而不是将其用作标签时,React 没有相同的执行顺序?

无法在类组件内部调用 React 钩子