---
title: 立即触发查询
order: 2
---

通过输入框值改变或者回车立即触发查询

```jsx
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { YwSearch } from '@ywfe/yw-design';

const App = () => {
  const [filterProps, setFilterProps] = useState({});
  return (
    <div>
      <YwSearch
        showSearchBtn={false}
        onSearch={(keyword) => {
          console.log(keyword);
          setFilterProps({ ...filterProps, keyword });
        }}
        onChange={(keyword) => {
          console.log(keyword);
        }}
      />
    </div>
  );
};

ReactDOM.render(<App />, mountNode);
```