Tengo 10 archivos json en un directorio dentro de la aplicación de reacción. Necesito buscar datos y los datos coincidentes podrían ser cualquiera del archivo. Para esto, necesito cargar todos los datos de cada archivo json en el estado de reacción. En caso afirmativo, cómo cargar todos los datos de cada archivo json en el estado de reacción.
Si hay alguna manera mejor de hacer esto, por favor sugiérame.
Estructura de directorio como esta:
students/ /level1.json /level2.json /level3.json /more files......Aquí está el fragmento de muestra
//Have your static jsons inside public folder, So that after compilation react able to get the static files const [fileData,setFileData] = useState([]) useEffect(()=>{ const fileList = ['level1' ,'level2' ,'level3']; //files list in public folder fileList.forEach(filename => { fetch(`./${filename}.json`).then(response => { return response.json() //parse json }).then(data => { setFileData(files => [...files, {[filename]:data}]); // pushing json data by key of filename } ) }) },[])fetch API buscará archivos como -> "http://localhost:3000/level1.json", que en realidad es el directorio público, por lo que si usa fetch. Debe moverlo a la carpeta pública.