Когда нажимаете на кнопку редукции, страница не перерисовывается? - PullRequest
0 голосов
/ 18 декабря 2018

Я играю с редуксом.поэтому 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
});

Вот полный код

enter image description here

1 Ответ

0 голосов
/ 18 декабря 2018

Поскольку вы используете зернокомбайн и вы используете редуктор как homeReducer.Вам также необходимо получить доступ к значениям из хранилища, сначала нажав клавишу homeReducer.Таким образом, в Home.Container's mapStateToProps вместо записи state.homeClick вы должны написать state.homeReducer.homeClick

const mapStateToProps = state => {
  return {
    homeClick: state.homeReducer.homeClick
  };
};

Рабочие коды и поле

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...