Блог

Главная - Вопросы по программированию - Вызов Api React useffect с помощью fetch дает синтаксическую ошибку: JSON.анализ: неожиданное завершение данных в строке 1 столбца 1 данных JSON

Вызов Api React useffect с помощью fetch дает синтаксическую ошибку: JSON.анализ: неожиданное завершение данных в строке 1 столбца 1 данных JSON

#javascript #reactjs

Вопрос:

Я использую React с крючками для вызова открытого API. Каким-то образом ошибка продолжает отображаться, когда я пытаюсь записать данные в консоль: «Синтаксическая ошибка: JSON.синтаксический анализ: неожиданный конец данных в строке 1 столбца 1 данных JSON». Я не уверен, что происходит не так, потому что почтальон показывает совершенно прекрасный объект. Любая помощь будет высоко оценена.

 import React, {useState, useEffect} from 'react'

function App() {
  const [isLoading, setLoading] = useState(true)
  const [apb, setApb ] = useState([])
  useEffect(() => {
    fetch(
      'https://api.politie.nl/v4/vermist?language=nlamp;radius=5.0amp;maxnumberofitems=10amp;offset=0',
      {
        method: "get",
        mode: "no-cors",
        headers: new Headers({
          'Content-Type': 'application/json'
        }),
      }
    )
    .then(res => res.json())
    .then(response => {console.log(response)})
    .catch (error => {console.log(error)})
  },[]);
  return (
    <div className="App">
      <Header/>
      <SubMenu/>
      {isLoading ? <p>Loading</p> : <p>Loaded</p>}
    </div>
  );
}

export default App; 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Комментарии:

1. Я только что запустил вашу fetch функцию, и она сработала нормально. Не могли бы вы рассказать немного больше о контексте? Вы уверены, что это весь ваш компонент?

2. Спасибо за ваш ответ @tdranv, я полагаю, что это не вопрос с реакцией, а скорее вопрос на javascript. Когда я запускаю выборку в JS, я получаю то же самое. Ссылка

Метки: