未调用Api调用-React.js

时间:2018-11-29 10:58:38

标签: reactjs

如果我以下面的方式编写代码,则会调用api调用并获取书籍列表。

export default connect(state => ({
  ...state.books,
}),{
  ...bookActions,
})(BookList);

bookActions.js

import * as types from '../constants/actionTypes';
export function getBooks() {
  const api = types.API_URL_BOOKS;
  return dispatch => {
    return dispatch({
      type: types.ACTION_BOOK_LIST,
      promise: client => client.get(api).then((data) => {
        return data;
      }),
    });
  };
}

但是,如果对代码进行如下修改,则不会调用api调用。

const mapStateToProps = (state) => {
  return {
     ...state.books
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    ...bookActions
    //getBooks: () => dispatch({type: types.ACTION_BOOK_LIST})
  }
}

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(BookList)

也就是说,它没有达到调度方法。

任何关于这里出什么问题的主意吗?

任何帮助将不胜感激。

0 个答案:

没有答案