如何在react-google-maps中使用StandaloneSearchBox的输出填充输入字段？

import { StandaloneSearchBox } from 'react-google-maps/lib/components/places/StandaloneSearchBox';

state = {
  searchBoxInput: '',
};

render() {
  return (
    <div>
      <StandaloneSearchBox
        onPlacesChanged={this.handlePlacesChanged}
      >
        <input
          type="text"
          placeholder="Search for a place"
          value={this.state.searchBoxInput}
          onChange={this.handleInputChange}
        />
      </StandaloneSearchBox>
    </div>
  );
}

handlePlacesChanged = () => {
  const places = this.searchBoxRef.getPlaces();
  // 处理搜索结果，可以将结果存储到state中或进行其他操作
};

handleInputChange = (event) => {
  this.setState({ searchBoxInput: event.target.value });
};

constructor(props) {
  super(props);
  this.searchBoxRef = React.createRef();
}