リストに検索結果を表示したいのですが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}
/>
タイトルを表示する方法はありますか?