Tengo un componente de barra de búsqueda que contiene mi menú desplegable en cuestión. Quiero obtener las selecciones del valor OnSelect del componente desplegable y pasarlas a App.js para usarlas en el controlador a continuación.

Controlador de aplicación.js

 const [value, setValue] = useState(""); const dropdownHandler = (e) => { console.log(e); setValue(e); };

Normalmente, podría configurar el método onSelect, para dropdownHandler directamente, si el componente estuviera dentro de App.js. Sin embargo, no estoy seguro de cómo hacer esto cuando los componentes son modulares.

Barra de búsqueda.js

 <DropdownButton className="dropdown" title="Search Filters" id="dropdown-menu" // onSelect={dropdownHandler} > <Dropdown.Item eventKey="ddFirstName">First Name</Dropdown.Item> <Dropdown.Item eventKey="ddLastName">Last Name</Dropdown.Item> <Dropdown.Item eventKey="ddTitle">Title</Dropdown.Item> <Dropdown.Item eventKey="ddPhoneNumber">Phone Number</Dropdown.Item> <Dropdown.Item eventKey="ddLocation">Location</Dropdown.Item> </DropdownButton>

App.js llamando al componente de la barra de búsqueda.

 <div className="centered-container"> <Searchbar searchQuery={searchQuery} setSearchQuery={setSearchQuery} /> </div>

¿Cuál es la mejor manera de pasar el valor de este menú desplegable a App.js, para que pueda usar la función de controlador que he escrito?