Reactjs 使用过滤器和挂钩的搜索功能

我试图在udemy上学习react课程，但我使用了hook，而不是讲师所展示的类和状态。这是一个简单的应用程序，我下载随机的用户信息和图像，并使用闪存卡显示它们

然后我需要能够搜索/过滤用户。我已经通过使用两种不同的useEffects实现了这一点，但我想知道这是否是解决这一问题的正确方法。还有，如果我能得到关于如何改进当前代码的任何提示

---

没关系。但是，您不需要使用第二个useEffect。您可以直接在函数体中计算过滤器。如果你想缓存结果，你可以使用useMemo钩子，但这里没有必要

基本上我要做的是：

const filter=users&&users.length？users.filter（（个人）=>
person.name.toLowerCase（）.includes（searchField.toLowerCase（））
); || []

您可以在useCallback中包装应用程序中的onChangeHandler。将功能组件包装在React.memo中。但除此之外，我没有看到明显的错误。