Question

现在在这里解决问题后 REDUX - How to import an API function returning Promise and add it into payload on action creator

我遇到以下错误：

错误：动作必须是普通对象。使用自定义中间件进行异步   动作。 ▶3个堆栈框被折叠。 App.componentWillMount   src / component / App.js：18 15 | } 16 | 17 | componentWillMount（）{


18 | const data = this.props.fetchBetList（）; 19 | this.setState（{项目：数据}）20 | } 21 |查看已编译▶24     堆栈框架被折叠。 ./src/index.js src / index.js：31 28 |
    29 | const createStoreWithMiddleware =     applyMiddleware（ReduxPromise）（createStore）; 30 |     31 | ReactDOM.render（32 | 33 | 34 |      查看已编译的▶6个堆栈框架已折叠。这个画面     仅在开发中可见。如果应用程序崩溃，它将不会出现     在生产中。打开浏览器的开发者控制台以进一步     检查此错误。

import React, { Component } from 'react';
import BetList from './BetList';
import './App.css';
import items from '../data/betItems.json';
import { connect } from 'react-redux';
import { fetchBetList, fetchLatestPrices } from '../actions/index';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      items: []
    }
  }

  componentWillMount() {
    const data = this.props.fetchBetList();
    this.setState({ items: data })
  }

  render() {
    return (
      <div className="App">
        <h1>Tottenham Hotspur v Manchester City</h1>
        <h2>Correct Score</h2>
        <BetList items={this.state.items} />
      </div>
    );
  }
}

export default connect(null, { fetchBetList, fetchLatestPrices })(App);

我试图获取已解决的Promise，并使用生命周期方法来更新state.items ....

Redux-错误：动作必须是普通对象。使用自定义中间件进行异步操作。 redux-promise

0 个答案: