this.props.getUser 不是函数 mapDispatchToProps - React Native，Redux

Question

由于我刚刚在我的 React Native 项目中实现了 Redux，然后我创建了我的第一个 reducer、action 和 store，但它不起作用。

组件DidMount

this.props.getUser(user());

console.log('Props: ', this.props);

控制台日志：

Props:  {screenProps: undefined, navigation: {…}}

调度员

const mapDispatchToProps = (dispatch) => {
    return ({
        getUser: (data) => dispatch(data)
    })
}
export default connect(mapStateToProps, mapDispatchToProps)(homeNav);

用户功能

export function user () {
    return dispatch => {
        console.log(21312312);
        dispatch(request({}))
    }

    function request (user) {
        return { type: GET_USER_REQUEST, user }
    }

    function success (user) {
        return { type: GET_USER_SUCCESS, user }
    }

    function failure (error) {
        return { type: GET_USER_FAILURE, error }
    }
}

请检查下面的屏幕截图以检查 homeNav 是如何导入的

Answer 1

尝试更改此getUser: (data) => dispatch(data)

到

getUser: (data) => dispatch(user(data))

还有这个this.props.getUser(user());

到

this.props.getUser(data);

还需要如下包装您的应用程序

import { Provider } from 'react-redux';
import Route from './route';
let store = createStore(Reducers);

class App extends Component {
    render() {
        return (
            <Provider store={store}>
                <Route />}
        </Provider>
        );
    }
}

export default App;