问React语义ui下拉远程获取

EN

constructor(props) {
    super(props);
    this.state = {
        field1: [], 
        options: [],
        isFetching: false
    }
  }


  handleDropdown = (event, data)  => { 
    this.setState({ field1: data.value});
  }

  handleSearchDropdown = (e, { searchQuery }) => {
    this.setState({ isFetching: true })
    fetch(`${'/searchgrants?query='}${searchQuery}`)
        .then((response) => response.json())
        .then(dataList => {
        this.setState({ options: dataList , isFetching: false});
        });
  }


  render() {
    return (
     <Form.Field
        control={Dropdown}
        onChange={this.handleDropdown}
        options={this.state.options}
        value={this.state.field1}
        fluid
        search
        selection
        required
        minCharacters={1}
        onSearchChange={this.handleSearchDropdown}
        multiple  
        loading={this.state.isFetching}
      />
    )
}