Reactjs 当点击redux按钮时,页面是否没有重新呈现?
我在玩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 {
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
};
};