React-select 异步选项未显示

Question

我想在我的 react-select 列表中显示搜索结果，当用户单击该选项时，它会在下面的 table 中加载完整的数据。

这是我的 loadIptions

getMovies(e){ 
axios.get(`http://www.omdbapi.com/?t=${e}`)
   .then((response) => {
    return {options: response.data.Title}
})
.catch((error) => {
    console.log(error);
  });
}

我正在将函数发送到我的搜索：

    render() {
      return (
         <div className="container">
           <SearchForm onkeydown={this.getMovies}  />
           <MovieList movie={this.state.movie}/>
       </div>
 );
}

但是我无法在输入中显示它，它保持加载状态：

<Select.Async
 name="form-field-name"
 value=""
 loadOptions={this.props.onkeydown}
/>

有什么办法让它显示标题吗？

Answer 1

你的函数实际上没有返回任何东西

改变这个：

getMovies(e){ 
axios.get(`http://www.omdbapi.com/?t=${e}`)
   .then((response) => {
    return {options: response.data.Title}
})
.catch((error) => {
    console.log(error);
  });
}

收件人：

getMovies(e){ 
return axios.get(`http://www.omdbapi.com/?t=${e}`)
   .then((response) => {
    return {options: response.data.Title}
})
.catch((error) => {
    console.log(error);
  });
}

React-select 异步选项未显示

React-select async options not showing

reactjs

react-select