Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 当点击redux按钮时,页面是否没有重新呈现?_Reactjs_Redux - Fatal编程技术网

Reactjs 当点击redux按钮时,页面是否没有重新呈现?

Reactjs 当点击redux按钮时,页面是否没有重新呈现?,reactjs,redux,Reactjs,Redux,我在玩redux。 所以npm安装,npm启动 它将弹出一个简单的点击按钮 当我单击按钮时,它不会重新呈现主页。e、 g.它应该输出1 Home.Container import { connect } from "react-redux"; import { homeClickAction } from "./home.action"; import Home from "./Home"; const mapStateToProps = state => { return {

我在玩redux。 所以
npm安装,npm启动
它将弹出一个简单的点击按钮

当我单击按钮时,它不会重新呈现主页。e、 g.它应该输出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;

贮藏


rootReducer

import { combineReducers } from 'redux';
import homeReducer from './containers/Home/home.reducer';
export default combineReducers({
    homeReducer
});
这是你的电话号码


因为您使用的是组合减速器,您将减速器作为
homeReducer
传递给它。您还需要先通过访问
homeReducer
键来访问存储中的值。因此,在
Home.Container的MapStateTrops
中,您将编写
state.homeClick
,而不是编写
state.homeReducer.homeClick

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

您必须具体说明,并发布可能有问题的部分代码。提供一个完整回购的链接并期望有人去那里研究代码是不对的。@16kb,是的,你是对的。
const mapStateToProps = state => {
  return {
    homeClick: state.homeReducer.homeClick
  };
};