Estoy bastante seguro de que el problema con el que me encuentro es que no he enlazado 'esto' en el siguiente código, pero no estoy seguro de dónde enlazarlo para que funcione correctamente. ¿Cómo vincularía 'esto' para que el siguiente código funcione y no devuelva un mensaje de error?

 import React from 'react'; import './App.css'; import axios from 'axios'; import Movie from './movie'; import Search from './search'; class App extends React.Component { state = { movies: [] } sendRequest() { const options = { method: 'GET', url: 'https://movie-database-imdb-alternative.p.rapidapi.com/', params: {s: 'Avengers Endgame', r: 'json'}, headers: { 'x-rapidapi-host': 'movie-database-imdb-alternative.p.rapidapi.com', 'x-rapidapi-key': 'my_api_key' } }; axios.request(options).then(response => { const movies = response.data.Search; this.setState({movies}); console.log(response.data); }).catch(function (error) { console.error(error); }); }; render() { return ( <div className="App"> <header className="App-header"> { // Use this.state to access movies. this.state.movies && this.state.movies.length ? this.state.movies.map((movie) => { return <Movie {...movie}/> }) : null } <Search handleSendRequest={this.sendRequest}/> </header> </div> ); } } export default App;