Reactjs 使用react实现客户端过滤

我已经使用React构建了一个添加和删除项目的小应用程序，我想在用户输入一些项目后在应用程序中实现搜索过滤器，并仅显示用户搜索的项目，否则显示所有项目

代码可以在这里找到

---

您可以使用正则表达式并按如下方式筛选所需的结果：

    const filterItems = e => {
    let matchesFilter = new RegExp(e.target.value.trim(), 'i')
    const item = props.allOptions.filter(item => 
         matchesFilter.test(item)
      )
    console.log(item)
  }

看

---

编辑：我已经更新了沙盒，以反映您希望在评论中看到的内容。我使用的是钩子，但重要的是，函数将根据您在输入文本字段中设置的过滤器过滤传入的Alloption。

您忘记问一个问题：）它正常工作，但我现在如何呈现这些过滤的项？现在该项包含所有匹配的项，我如何通过该项数组循环以呈现