结果页面内的搜索表单-ReactJs

我正在尝试使用以下流程构建一个简单的搜索应用程序：

1-搜索页面有一个搜索栏和一个列表，下面有所有元素

2-在搜索页面中搜索单词（通过查询过滤）时，应将您重定向到结果页面

3-如果您想查找其他单词和下面列出的结果，结果页面有一个搜索栏

错误：当搜索不同的单词（例如AB而不是AA）时，我得到一个错误，无法读取未定义的属性“results”，我不知道如何修复它

我基于以下示例开发了该应用程序：

1-

2-

任何想法都将不胜感激。

event.preventDefault（）

将解决您的问题

在SearchBar.js中添加

event.preventDefault（）停止重新加载应用程序

submit=（事件）=>{
event.preventDefault（）；
...........
...........
...........
};
我完全忘记了，非常感谢！！！！！！！