Tengo un sitio web de reacción y tengo un archivo jsx que intenta llamar a algunas funciones que definí en mi App.js

 import React from "react"; import function1 from './App.js' import function2 from './App.js' import function3 from './App.js' function Home() { return ( <div className="home"> <div class="container"> <div> {function1() ? function2(): function3()} </div> </div> </div> ); } export default Home;

Luego tengo un archivo App.js que se parece a esto:

 import React from 'react'; import './App.css' function App() { const function1 = () => { return booleanvalue } const function2 = () => { return (<button onClick={...} ... </button>) } const function3 = () => { return (<button onClick={...} ... </button>) } } export default App;

Pero no aparece nada del archivo jsx. Intenté exportar estas funciones al final, pero esto tampoco hace nada. ¿Hay alguna forma de exportar estas funciones locales dentro de mi aplicación () o llamarlas porque ya estoy exportando la aplicación?