删除输入时搜索框不起作用反应 redux

Question

我正在练习反应 redux 并且我正在制作一个简单的 CRUD。 我创建了一个搜索框输入，并且工作正常，但是当我删除输入时，带有数据的表不会更新。 我已经尝试将结果保存到初始状态的“搜索”中，但仍然无法正常工作。 我做错了什么？ 谢谢！

我在这里上传我的代码：

https://codesandbox.io/s/silly-wood-5ni19?fontsize=14&hidenavigation=1&theme=dark

Answer 1

尝试更改为：

case "SEARCH_DATA": {
  const { event } = action.payload;
  let res = [];
  if (event)  {
   res = state.data.filter( el => el.name.toLowerCase().includes(event));
  }
  return {
    ...state,
    data : res, // here is pass the result of the filter fn
    loading: true
  };
}