如何使用wix/ largeTitle本地导航在react下面添加一个搜索栏？

import { Page, Header, Content, LargeTitle, SearchBar } from 'wix-style-react';
import 'wix-style-react/dist/es/Styles/large-title.scss';

render() {
  return (
    <Page>
      <Header title="My App" />
      <Content>
        <LargeTitle>Home</LargeTitle>
        <SearchBar placeholder="Search..." />
        {/* 其他内容 */}
      </Content>
    </Page>
  );
}

<SearchBar
  placeholder="Search..."
  value={this.state.searchValue}
  onChange={this.handleSearchChange}
  onClear={this.handleSearchClear}
  onEscape={this.handleSearchEscape}
  onEnter={this.handleSearchEnter}
/>

handleSearchChange = (event) => {
  this.setState({ searchValue: event.target.value });
}

handleSearchClear = () => {
  this.setState({ searchValue: '' });
}

handleSearchEnter = () => {
  // 执行搜索操作
}

// 其他方法