Reactjs React Redux无法将项目添加到状态为的列表中

Reactjs React Redux无法将项目添加到状态为的列表中,reactjs,redux,Reactjs,Redux,列表的初始状态是完美工作, 我也可以在Reducer中找到控制台日志 但是,无法在列表中再添加一项 在我调用“单击搜索”操作后,我已检查了商店 列表(products1)中只剩下1项的项数(initialState该项) 初始状态3 var initialState3 = { products1:[{ id: "123", abbreviation: "123", case_no: "123",

列表的初始状态是完美工作, 我也可以在Reducer中找到控制台日志

但是,无法在列表中再添加一项

在我调用“单击搜索”操作后,我已检查了商店
列表(products1)中只剩下1项的项数(initialState该项)

初始状态3

 var initialState3 = {
        products1:[{
             id: "123",
              abbreviation: "123",
              case_no: "123",
              created_dt: "31/01/2018",
              last_updated: "11:43:45"

          }]
        }
减速器

function ReducersForSeach(state = initialState3, action) {
      switch(action.type) {
          case 'CLICK_SEARCH': {

          console.log("search action found");

           return [ ...state,
                    {
                       id: "123",
                       abbreviation: "123",
                       case_no: "123",
                       created_dt: "31/01/2018",
                       last_updated: "11:43:45"
                     }
                   ]

          }
          default :{
              return state
          }
      }
    }

您当前正在替换整个州。你应该这样做:

return {
 ...state,
 products1: [...state.products1,
  { // I hope, you'll merge action.payload later
   id: "123",
   abbreviation: "123",
   case_no: "123",
   created_dt: "31/01/2018",
   last_updated: "11:43:45"
  }
 ]
}

您当前正在替换整个州。你应该这样做:

return {
 ...state,
 products1: [...state.products1,
  { // I hope, you'll merge action.payload later
   id: "123",
   abbreviation: "123",
   case_no: "123",
   created_dt: "31/01/2018",
   last_updated: "11:43:45"
  }
 ]
}

“reduceReforseach”在第一个和最后一个单词中有拼写错误?如果state应该是一个列表,我认为您不应该首先返回0“reduceReforseach”在第一个和最后一个单词中有拼写错误?如果state应该是一个列表,我认为您不应该首先返回0是的,我对此进行了更改,但列表仍然只剩下一项;(是的,我对此进行了更改,但列表仍然只剩下一项(