javascript - 在react中使用redux无法更新的问题
大家讲道理
大家讲道理 2017-04-11 11:24:46
[JavaScript讨论组]

这是入口文件

import React from 'react';
import ReactDOM from 'react-dom';
import Index from 'components/Index';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import countNumber from 'components/reducer';
import data from 'components/store';

//初始化store
let store = createStore(countNumber, data);

store.subscribe(() => {
    console.log(store.getState());
});

ReactDOM.render(
    
        
    ,
    document.getElementById('fao')
);


这是我的react组件

import React from 'react';
import ReactDOM from 'react-dom';
import { connect } from 'react-redux';
import { AddNumber, MinusNumber, InitializeNumber } from 'components/actions';
import CountNumber from 'components/Index/countNumber';

class Index extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        const { number, addNumber, minusNumber } = this.props;

        return (
            

addNumber()} minus={() => minusNumber()} value={number}/>

); } } function select(store) { return { number: store.changeNumber.number } } function mapDispatchToProps(dispatch) { return { addNumber: () => dispatch(AddNumber()), minusNumber: () => dispatch(MinusNumber()) } } export default connect(select, mapDispatchToProps)(Index);

我想要更新this.props.number的值,但却失败了,它的值一直都是0,我不知道哪里出错了,希望大神求教

这是我的github

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
巴扎黑

已经解决,在reducer中需要使用Object.assign()返回一个新的对象出来才能更新state

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号