Javascript 在react中使用搜索功能需要帮助吗

我有一个叫做表单的组件，这个组件可以根据用户输入进行实时搜索，

表单组件必须在搜索组件中呈现，这是它的屏幕截图

在我的App.js上，我为搜索组件提供了一个prop-thst，其中包含一个名为performSearch的函数

但是，当我尝试提交搜索输入时，会出现以下错误：

---

有人能帮忙吗？

您可以在一次渲染中向组件传递任意数量的道具，即。 渲染搜索组件时，按如下方式传递onSearch道具：

  <Route
    exact
    path="/search"
    render={() => (
      <Search
        onSearch={this.performSearch}
        data={this.state.pics}
      />
    )}
  />

---

作为您的参考，您可以检查以下内容：

请以文本形式而不是图片形式发布代码。我本来打算这样做的，但随后该网站警告我不应使用大部分空间书写语法。谢谢你的帮助，虽然我注意到由于某种原因，我的主页组件的图片与我的其他导航链接的图片结合在一起，但这种情况也发生在你身上了吗？我做了一个承诺，让你可以看到我在说什么，如果你想看的话，那就是，当你点击猫、狗和电脑时会发生这种情况

  <Route
    exact
    path="/search"
    render={() => <Search  data={this.state.pics} />}
  />
  <Route
    exact
    path="/search"
    component={() => <Search onSearch={this.performSearch} />}
  />