Question

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

这是回购：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

Answer 1

你正在改变国家。这就是你的组件没有渲染的原因

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

      return newState;
    }

React redux不会更新组件

1 个答案: