【问题标题】:React redux is not updating componentsReact redux 没有更新组件
【发布时间】:2017-10-20 19:59:05
【问题描述】:

React 应用在减少新状态后不会更新组件。第一次渲染后,无论我做什么动作,反应组件都没有更新。 我试图在减速器中找到一些状态突变,但没有。我不知道是什么问题。

这里是回购:https://github.com/ithrasil/rainbeat/tree/bug

如果有任何帮助,我将不胜感激

减速器之一:

export default function(
state={ 
    received: false,
    status: false, 
  primaryList: [], 
  secondaryList: [], 
  query: "" 
}, 
action) {

switch(action.type) {

case "RECEIVE_STATUS":
  state.received = action.payload;
  break;

    case "SEARCH_STATUS":
        state.status = action.payload;
        break;

    case "PRIMARY_LIST_UPDATE":
        state.primaryList = action.payload;
        break;

    case "SECONDARY_LIST_UPDATE":
        state.secondaryList = action.payload;
        break;

    case "QUERY_UPDATE":
        state.query = action.payload;
        localStorage.setItem('query', action.payload);
        break;
    }

    return state;
}

容器之一 https://github.com/ithrasil/rainbeat/blob/bug/src/containers/left/search.jsx

【问题讨论】:

  • 请添加一些代码
  • 请贴一些未更新的组件和reducer的代码,以便我们提供更多帮助

标签: reactjs redux redux-thunk


【解决方案1】:

你正在改变状态。这就是为什么你的组件没有渲染

export default function(state={ id: 0 }, action) {
 var newState; 
   switch(action.type) {
        case "CHANGE_CARD":
          newState={...state, id: action.payload}
          break;
      }

      return newState;
    }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-10
    • 2016-06-30
    • 1970-01-01
    • 1970-01-01
    • 2018-07-26
    • 2021-11-15
    相关资源
    最近更新 更多