ionic 5-仅当用户按下Enter或确认搜索时，如何使用ionic搜索栏在服务器上进行搜索

问题描述

我正在使用Ionic 5来构建应用程序，并且我希望有一个搜索栏来搜索和显示来自服务器的结果。

查看文档（https://ionicframework.com/docs/api/searchbar）时，似乎该元素在设计时就考虑了本地过滤。

ionInput事件的行为与ionChange非常相似，并在更改输入时触发。

我想在服务器上进行搜索，并且仅在用户确认搜索后（即按Enter键）显示结果。

我找不到方法。

最好的问候， 吉列尔姆。

解决方法

我找到了解决方案，将搜索栏元素包装在一个form元素中，并对表单的onSubmit事件做出反应：

export default class MyComponent extends React.Component<{}> {
    handleSubmit(e: FormEvent) {
        e.preventDefault();
        console.log("submitted")
    }

    render() {
          return (
          <form onSubmit={e => this.handleSubmit(e)}>
               <IonSearchbar/>
          </form>
        );
    }
}