Estoy tratando de reaccionar para devolver datos de un archivo que no es un componente a un componente, me pregunto si eso es posible. Si no entiendes lo que quiero decir, aquí hay un código:

foo.js:

 import random from "./script/stuff/myfantasticfile.js"; export const myFantasticFunction = () =>{ return "Hello world!"; }

Aplicación.jsx:

 import react from "react"; import Stuff from "./stuff.jsx" import {myFantasticFunction} from "./foo.js" function App(){ const myVariable = myFantasticFunction(); return( <div> <Stuff/> <p>{myVariable}</p> </div> )

En otras palabras, cuando se ejecuta el código, la etiqueta p dirá "indefinido" y no podrá imprimir "Hola mundo" en la pantalla.

He intentado buscar en google, stackoverflow y algunos otros sitios web de codificación en línea, es decir, grepper.

Si alguien tiene alguna idea, por favor compártela publicando una respuesta.

Saludos cordiales Alvin.