使用React Redux ProbeM获取异步数据

时间:2019-07-04 10:38:30

标签: javascript reactjs redux async-await axios

我想使用一些数据时遇到问题(但是数组为空,并且redux包含信息),我认为这是一个异步问题。 首先,我在

中获取了数据
 <android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_below="@+id/tabs"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior"></android.support.v4.view.ViewPager>

我希望结果映射它。

首先使用此代码获取数据

  componentDidMount() {
     this.props.getFaq();
  }

然后我将其更改为

import axios from "axios";
import { GET_FAQ, GET_ERRORS } from "./types";
export const getFaq = () => dispatch => {
  axios
    .get("/faqs")
    .then(res =>
      dispatch({
        type: GET_FAQ,
        payload: res.data
      })
    )
    .catch(err =>
      dispatch({
        type: GET_ERRORS,
        payload: err
      })
    );
};

但是当我进行控制台记录时,数据仍然为空

1 个答案:

答案 0 :(得分:0)

您不正确地使用axios。 尝试使用

axios.get('/faqs');

const config = {
  method: 'get',
  url: '/faqs',
};
axios(config);