He estado importando datos en forma de un archivo JSON en un componente de React:
import data from '../../public/json/data.json';
Estoy usando la herramienta create-react-app , y cuando ejecuto npm run build , como se esperaba, el archivo data.json se incluye como parte del archivo build/static/main.js .
Lo que me gustaría es que este archivo data.json no se incluya en un paquete, sino que se haga referencia a él en tiempo de ejecución cada vez que se ejecute el componente. Es decir, para que se pueda editar en la aplicación integrada y para que estas ediciones se muestren en la aplicación. Pensé que al incluirlo en mi carpeta public (a diferencia de src ) esto funcionaría, pero, por supuesto, todavía lo estoy importing para que esté incluido. ¿Hay alguna manera de hacer referencia a él sin agruparlo?
Utilice la API de recuperación para recuperar el archivo JSON de forma asincrónica.
Consulte https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch para ver implementaciones de ejemplo.