Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 爱奥尼亚5-如何使用爱奥尼亚搜索栏仅在用户按enter/确认搜索时在服务器上搜索_Ionic Framework_Ionic5_Ionic React - Fatal编程技术网

Ionic framework 爱奥尼亚5-如何使用爱奥尼亚搜索栏仅在用户按enter/确认搜索时在服务器上搜索

Ionic framework 爱奥尼亚5-如何使用爱奥尼亚搜索栏仅在用户按enter/确认搜索时在服务器上搜索,ionic-framework,ionic5,ionic-react,Ionic Framework,Ionic5,Ionic React,我正在使用离子5建立一个应用程序,我想有一个搜索栏来搜索和显示服务器的结果 当查看文档()时,似乎该元素的设计考虑了本地过滤 事件的行为与ionChange非常相似,并在输入更改时激发 我希望在服务器上搜索,并仅在用户确认搜索(即按enter)时显示结果 我找不到该怎么做 致以最良好的祝愿, Guilherme。我找到了解决方案,将搜索栏元素包装在表单元素中,并对表单的onSubmit事件作出反应: 导出默认类MyComponent扩展React.Component{ handleSubmit(

我正在使用离子5建立一个应用程序,我想有一个搜索栏来搜索和显示服务器的结果

当查看文档()时,似乎该元素的设计考虑了本地过滤

事件的行为与ionChange非常相似,并在输入更改时激发

我希望在服务器上搜索,并仅在用户确认搜索(即按enter)时显示结果

我找不到该怎么做

致以最良好的祝愿,
Guilherme。

我找到了解决方案,将搜索栏元素包装在表单元素中,并对表单的onSubmit事件作出反应:

导出默认类MyComponent扩展React.Component{
handleSubmit(e:FormEvent){
e、 预防默认值();
控制台日志(“已提交”)
}
render(){
返回(
此.handleSubmit(e)}>
);
}
}