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:

1. Ayúdame a importar la función Lambda en MyReactComponent.js , o
2. Sugiera una mejor solución para hacer que los datos externos reaccionen de forma segura,

sería muy apreciado :)