Я играю с редуксом.поэтому npm install, npm start
Появится простое нажатие кнопки.
Когда я нажимаю кнопку, она не перерисовывает домашнюю страницу.например, он должен вывести 1
Home.Container
import { connect } from "react-redux";
import { homeClickAction } from "./home.action";
import Home from "./Home";
const mapStateToProps = state => {
return {
homeClick: state.homeReducer.homeClick
};
};
// const var
// dispatch
// return
// key
// data => { fire(actionCreator(data)) }
const mapDispatchToProps = dispatch => {
return {
homeClickAction: data => {
dispatch(homeClickAction(data));
}
};
};
const HomeContainer = connect(
mapStateToProps,
mapDispatchToProps
)(Home);
export default HomeContainer;
Store
// store
import { createStore, applyMiddleware } from 'redux';
// thunk
import thunk from 'redux-thunk';
// root reducer
import rootReducer from './rootReducer';
// store
export default function configureStore() {
return createStore(
rootReducer,
applyMiddleware(thunk)
);
}
rootReducer
import { combineReducers } from 'redux';
import homeReducer from './containers/Home/home.reducer';
export default combineReducers({
homeReducer
});
Вот полный код