CORRIENTEMENTE
Creé una aplicación de amplificación con reaccionar, y tengo un componente src > components > MyReactComponent.js
con un botón que, cuando se presiona, me gustaría obtener datos de una API externa (que requiere autenticación) y recuperarlos al componente de reacción.
El flujo de trabajo que estaba construyendo es el siguiente:
Creé una función Lambda en Amplify CLI usando amplify add function
. Esto creó una función getExternalData
en la estructura de mi proyecto de la siguiente manera:
-- amplify | -- backend | -- api/ | -- auth/ | -- function | -- getExternalData <--- newly created function | -- dist/ | -- src | | -- event.json | | -- index.js | | -- package-lock.json | | -- package.json | -- getExternalData-cloudformation-template.json -- src -- components | -- MyReactComponent.js -- graphql -- mutations.js -- queries.js -- subscriptions.js -- schema.json
TEMA
¿Cómo importo esta función en MyReactComponent.js
?
El método más sucio pero más directo (e incorrecto) que se me ocurrió fue:
import { getExternalData } from "../../amplify/backend/function/getExternalData/getExternalData";
Pero esto devolvió el error:
Module not found: You attempted to import ../../amplify/backend/function/getExternalData/getExternalDatawhich falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
Siento que, idealmente, me gustaría que la función esté disponible en la carpeta graphql
, pero no estoy seguro de cómo automatizarla y que aparezca allí.
SOLICITUD
Cualquier ayuda a cualquiera de:
MyReactComponent.js
, osería muy apreciado :)