dispatch is not a function

Question

import React, { useCallback, useMemo } from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import Header from "../common/Header.jsx";
import DepartDate from "./DepartDate.jsx";
import HighSpeed from "./HighSpeed.jsx";
import Journey from "./Journey.jsx";
import Submit from "./Submit.jsx";

import "./app.css";
import {
	exchangeFromTo,
	showCitySelector,
} from './actions';

export function App(props) {
	const {
		from,
		to,
		dispatch,
	} = props;

	const onBack = useCallback(() => {
		window.history.back();
	}, []);
	const cbs = useMemo(() => {
		return bindActionCreators({
			showCitySelector,
			exchangeFromTo
		}, dispatch)
	}, []);
	return (
		<div >
			<div className="header-wrapper">
				<Header title={"火车票"} onBack={onBack} />
			</div>
			<form className="form">
				<Journey
					from={from}
					to={to}
					{...cbs}
				/>
				<DepartDate />
				<HighSpeed />
				<Submit />
			</form>

		</div>
	)
}

export default connect(
	function mapStateToProps(state) {
		return state;
	},
	function mapDispatchToProps(dispatch) {
		return { dispatch };
	}
)(App);

Answer 1

茵风泳月 2020-03-17 12:19:14

同学你好，请确认在入口 index.js 中正确使用了Provider：

ReactDOM.render(
    <Provider store={store}>
        <App />
    </Provider>,
    document.getElementById('root')
);

祝您学习愉快！

• 提问者 米姐胡扯扯 #1

  import React from 'react';
  import ReactDOM from 'react-dom';
  import { Provider } from 'react-redux';
  import 'normalize.css/normalize.css';
  
  import store from './store.js';
  import './index.css';
  import { App } from './App.jsx';
  
  
  
  ReactDOM.render(
  	<Provider store={store}>
  		<App />
  	</Provider>
  	,
  	document.getElementById('root')
  );

• 提问者 米姐胡扯扯 #2

  问题已经解决

Answer 2

提问者 米姐胡扯扯 2020-03-16 09:43:01

而且form 和to 的默认值也没有显示，就像是redux的store没有被引入

• 慕盖茨4087144 #1

  怎么解决的啊，跟你一模一样