[SOLVED] How to utilize `clickClear` event with Searchbar?

Questions
1

I want to capture a click event of a clear button on searchbar.
My understanding is it will trigger clickClear event of searchbar. So this is what I’m doing but I’m not able to capture that event. Can someone please suggest me what am I doing wrong?

My code:

class SearchPage extends Component {

  render() {
    return (
      <Page name="search">
        <Navbar title="Search" backLink>
          <Subnavbar inner={false}>
            <Searchbar
              clearButton={true}
              clickClear={this.clickClear.bind(this)}
            ></Searchbar>
          </Subnavbar>
        </Navbar>

        <List className="search-list">{/*render result*/}</List>
      </Page>
    );
  }
  clickClear() {
    console.log('clickClear');
  }
}

Following are my dependencies:

"framework7": "^3.6.7",
"framework7-react": "^3.6.7",
"react": "^16.5.0",
"react-dom": "^16.5.0"

Thanks!

2

change to:

onClickClear={this.clickClear.bind(this)}
1 Like
3

Thank you. it worked. :raised_hands: