问生成合成事件的搜索栏

EN

const SuppliersNavBar = (props) => {

const { classes } = props;
const [search, setSearch] = useState();

const updateSearch = (event) => {
setSearch({ search: event.target.value });
console.log(event);
};

return (
<Fragment><Fab className={classes.addCircle} style={{ float: 'right', 
marginRight: 10, marginBottom: 10, backgroundColor: '#3B70BC', color: 
'white' }} onClick={() => { this.props.history.push('/'); }} 
id="addCircle" ><Add /></Fab>
  <div className={classes.root}>
    <AppBar position="static">
      <Toolbar>
        <Grid container direction="row"
          justify="flex-start"
          alignItems="center">
          <Grid item xs={12} sm={6} md={3}>
            <div className={classes.grow} />
            <div className={classes.search} aria-label="search bar">
              <div className={classes.searchIcon}>
                <Search id="searchIcon" />
              </div>
              <InputBase
                aria-label="search bar"
                value={search}
                onChange={updateSearch.bind(this)}
                placeholder="Search"
                classes={{
                  root: classes.inputRoot,
                  input: classes.inputInput,
                }}
              />
            </div>
          </Grid>
        </Grid>
      </Toolbar>
    </AppBar>
  </div>
</Fragment>
);
};