Question

我知道这听起来很奇怪，但我想在我的Redux应用程序中创建一个不连贯的状态，作为学生的一个例子，并生成错误。

所以我故意进行状态变异，但组件正确渲染，一切都很好！

我的例子只是一个简单的计数器应用程序，你单击按钮，显示的值将增加。

我的行动：

export function incrementCounter() {
return {
    type: INCREMENT_COUNTER,
};

}

我的状态突变减速器：

export default function ressourceReducer(state = initialState, action) {
switch (action.type) {
    case INCREMENT_COUNTER:
    // here it is ( redux invariant even throw and error if activated )
        state.counter++; 
        return {
            counter: state.counter
        }

}
return state;

}

我的组件：

const mapStateToProps = state => ({
    counter: state.ressource.counter,
});

Root reducer：

const rootReducer = combineReducers({
  ressource: ressourceReducer
});

问题，道具this.props.counter是连贯的，类中没有渲染问题......

你能帮助制造一个会产生真正影响的状态变异吗？

组件甚至可以使用状态变异redux

0 个答案: