1

リストに検索結果を表示したいのですがreact-select、ユーザーがオプションをクリックすると、下の表にデータが完全に読み込まれます。

これが私の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}
/>

タイトルを表示する方法はありますか?

4

1 に答える 1