Tengo una aplicación con la siguiente estructura.

Aplicación.js

 function App() { return ( <BrowserRouter> <Navbar /> <EditorWrapper /> </BrowserRouter> ); } export default App;

EditorWrapper.js

 import EmailSettings from "../features/signature/Settings"; function EditorWrapper() { return ( <div> <div> <Switch> <Route exact path="/settings/" component={EmailSettings}/> </Switch> </div> </div> ); } export default EditorWrapper;

Navbar.js

 function Navbar() { return ( <nav class="navbar navbar-light bg-light"> <span class="navbar-brand mb-0 h1">Save</span> </nav> ); } export default Navbar;

Configuración.js

 function Settings() { const handleSubmit = () => { //save data } return ( <div> <button onClick={() =>handleSubmit()}>Save</button> </div> ) } export default Settings;

Problema: ¿Cómo paso la función handleSubmit desde la configuración a navrbar.js sin usar redux?