Aquí está el fragmento de mi archivo fetch json. Siempre hay un error cuando intento obtener los datos del archivo json.
const onSearchSubmit = (term) => { console.log(term); fetch('./JSONDATA.json', { method: 'get', headers: { 'Content-Type': 'application/json', Accept: 'application/json', }, }) .then(function (response) { return response.json(); }) .then(function (data) { setFruits(data); console.log(data.term); }) .catch((error) => { console.log(error + "json file"); }); };El error no está relacionado con React ni con fetch() . Dice que su servidor ha respondido con 404 Not Found . Esto significa que su archivo no está presente/no se puede acceder a él.
Verifique con el navegador (o curl ) que la URL http://localhost:3000/JSONDATA.json existe y es accesible
'Content-Type': 'application/json' , este es el encabezado del tipo de body de la solicitud, pero no tiene cuerpo.