我可以在没有绑定的情况下使用调度吗？

Question

我有这个代码：

动作有效，数据正确返回。

import axios from 'axios'

export function getBooks(
    limit = 10,
    start = 0,
    order = 'asc'
) {
    const req = axios.get(`/api/books?limit=${limit}&skip=${start}&order=${order}`)
                .then(res => res.data);

    return {
        type: 'GET_BOOKS',
        payload: req
    }

}

在下一个文件中this.props为空

import React, { Component } from 'react'
import { connect } from 'react-redux'
import { getBooks } from '../actions'


class HomeContainer extends Component {

    constructor(props) {
        super(props);
        this.props.dispatch(getBooks(3, 0, 'desc'));
    }

    render() {
        console.log(this.props);    
        return (
            <div>
                Home Items
            </div>
        )
    }
}

function mapStateToProps(state) {
    return {
        book_reducer: state.book_reducer
    }
}

export default connect(mapStateToProps)(HomeContainer)

index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import promiseMiddleware from 'redux-promise';
import ReduxThunk from 'redux-thunk';

import reducers from './reducers';
import Routes from './routes';

const createStoreWithMiddleware = applyMiddleware(promiseMiddleware, ReduxThunk)(createStore);

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
        <BrowserRouter>
            <Routes/>
        </BrowserRouter>
    </Provider>
    , document.getElementById('root'));

book_reducer.js

export default function(state = {}, action) {
    switch(action.type) {
        case 'Get_BOOKS':
            return {...state, list:action.payload}
        default: return state;
    }
}

知道为什么这不起作用吗？

Answer 1

你在reducer中打错了

case 'Get_BOOKS':

应该是

case 'GET_BOOKS'：这是你从函数返回的内容