Я получаю такую проблему: Uncaught (в обещании) SyntaxError: Неожиданный конец ввода JSON
Я использую реакцию js и использую mongo db. я пытаюсь получить данные путем выборки. но я получаю этот тип ошибки: Uncaught (в обещании) SyntaxError: Неожиданный конец ввода JSON
const [product, setProduct] = useState({});
useEffect(() => {
const url = `http://localhost:5000/product/${id}`;
fetch(url)
.then((res) => res.json())
.then((data) => setProduct(data));
}, [id]);
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Ваш код в useEffect верен, причина, по которой вы можете получить эту ошибку, связана с
- От бэкенда нет данных JSON
- Возможно, полученный вами JSON не является правильным JSON
вы можете подтвердить это, заменив res.json() на res.text(), а затем console.info.
Я сделал бэкэнд-сервер и вставляю данные вручную, поэтому данные были не в формате JSON. Я удаляю все данные и сохраняю их в формате JSON.
Вы должны включить вызов .catch() в свою цепочку вызовов методов из fetch, чтобы вы могли обрабатывать ошибки или искаженный ввод из вашего API. Ошибка говорит, что это «неперехвачено», потому что нет пункта catch.
то есть
fetch(url)
.then((res) => res.json())
.then((data) => setProduct(data))
.catch((error) => console.error("Something went wrong: ", error))
Большое спасибо за ваш вклад. Я сделал бэкэнд-сервер и вставляю данные вручную, поэтому в базе данных не было данных в формате JSON. Я удаляю все данные из базы данных и сохраняю их в формате JSON.
fetchразрешается, даже если код состояния не является кодом успеха. Похоже, ответ - ошибка с пустым телом.