Estoy tratando de crear una aplicación que busque la API de la base de datos de películas. Tengo la función de búsqueda principal en App.js. En los tutoriales, las personas que usan la barra de búsqueda en este componente principal de la aplicación. ¿No es mejor usar la barra de búsqueda del componente Navbar por separado y luego pasar ese valor a la aplicación principal donde está la función de búsqueda y cambiar esa función según el valor buscado? ¿Hay alguna forma de pasar ese valor de entrada sin Redux? Busqué en Google "estado de elevación", pero estoy un poco confundido :) Gracias Main App.js

 const [movies, setMovies] = React.useState([]); const example = [1, 2, 3]; React.useEffect(() => { console.log("hehe"); fetch( "https://api.themoviedb.org/3/trending/all/week?api_key=564564564" ) .then((res) => res.json()) .then((data) => { console.log(data); setMovies(data.results); }); }, []); return ( <div> <Navbar /> <div className="container1"> <div className="movie"> {movies.map((movieReq) => ( <Movieinfo key={movieReq.id} {...movieReq} /> ))} </div> </div> </div> ); } export default App;

Aquí está la barra de navegación con la barra de búsqueda y el valor de entrada que quiero pasar a App.js

 import "./Navbar.css"; function Navbar() { return ( <div> <nav class="navbar navbar-light bg-light"> <a class="navbar-brand">Navbar</a> <form class="form-inline"> <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" /> <button class="btn btn-outline-success my-2 my-sm-0" type="submit"> Search </button> </form> </nav> </div> ); } export default Navbar;