javascript - 在react js和redux中过滤时如何返回所有商店

Question

我在尝试在我的应用程序中创建“打字头”功能时遇到问题，我有一个监听 onChange 的“输入”，并且 onChange 正在调用在洞存储中搜索标签的 Redux reducer ，我需要要检索与我的搜索的所有匹配项，这里一切正常，但是当我删除搜索时，我的洞存储等于我的过滤结果，并且我希望当我的搜索为空时它返回我的存储洞。 (gif 和代码)

case 'SEARCH_BY_TAG':
            let tag = action.tag
            let filtered = state.slice(0)
            if(tag != ""){

                const copied = state.filter(item => {
                        return item.tags.find(obj => {
                            if(obj.name.indexOf(tag) > -1){
                                return true
                            }
                        })
                })

                return filtered = copied.filter(Boolean)

            }else{
                return filtered
            }

 break; 

Answer 1

不要在 reducer 内部过滤掉东西，而是直接在 render() 上进行，这没有任何问题。

您仍然可以使用 SEARCH_BY_TAG 操作来跟踪搜索关键字，并在呈现列表时使用它来应用过滤器。