React-select async Optionen werden nicht angezeigt

Question

Ich möchte die Suchergebnisse in meiner react-select Liste anzeigen, wenn ein Benutzer auf die Option klickt, lädt er die Daten vollständig in einer Tabelle unten. Hier

ist mein loadIptions

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

ich die Funktion meiner Suche bin das Senden:

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

Allerdings kann ich dies nicht in der Eingabe angezeigt werden, es bleibt auf Ladezustand:

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

Irgendwelche Ideen, wie ich es bekomme, um den Titel zu zeigen?

Answer 1

Ihre Funktion ist nicht Rückkehr tatsächlich etwas

ändern diese:

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

An:

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