Intenta entender el código de forma correcta previamente a usarlo a tu trabajo y si ttienes algo que aportar puedes comentarlo.
Solución:
Sí, puede colocar activos en el static carpeta.
Documentos: uso de la carpeta pública
- Puede hacer referencia a la ruta en
index.html
con%PUBLIC_URL%/path/resource
. - Puedes usar
process.env.PUBLIC_URL + '/path/resource'
en código javascript.
Ambos enfoques se reemplazan en el momento de la compilación para su compilación final.
Si estos son activos de JavaScript, la compilación no los reconocerá. Debe estructurarlo como una biblioteca javascript externa y almacenarlos en una variable global a la que pueda hacer referencia dentro de su código. Luego puede cargar esa biblioteca de javascript en su index.html
Digamos que quiere leer un archivo json que contiene datos, puede hacerlo de la siguiente manera:
class App extends Component
async getData()
const res = await fetch("/json/sample.json");
const data = await res.text();
console.log(data);
return this.setState( data );
componentDidMount()
this.getData();
render()
return (
this.state.data
);
Donde el json
la carpeta se crea dentro de la carpeta pública. Cualquier cosa que coloque dentro de la carpeta pública se sirve automáticamente cuando se usa create-react-app
. Espero que esto ayude.
Acuérdate de que tienes la opción de añadir un enjuiciamiento si te fue de ayuda.