JSON-сервер: неожиданный токен <в JSON в позиции 0 - PullRequest
Новая
       24

JSON-сервер: неожиданный токен <в JSON в позиции 0

0 голосов
/ 22 октября 2019

Я пытался внедрить JSON-сервер с db.json в моем коде, но пока не могу получить доступ к данным. Показанная выше ошибка - я исследовал, что это как-то связано с ответом, который я пытаюсь проанализировать, не являясь json ... Как я могу это исправить? Может кто-нибудь помочь? 

async function getData() {
  const promise = await fetch("http://localhost:3001/data").then(response =>
    response.json()
  );
  return promise;
}

export default function Home() {
  const [searchValue, setSearchValue] = useState("");

  const [data, setData] = React.useState([]);
  React.useEffect(() => {
    getData().then(fetchedData => {
      setData(fetchedData);
    });
  }, []);

  const filteredData = data.filter(item =>
    item.name.toLowerCase().includes(searchValue.toLowerCase())
  );

  function handleSearch(value) {
    setSearchValue(value);
  }

  return (
    <div>
      <Searchbar onSearch={handleSearch} />
      <BadgeButtonList data={filteredData} />
    </div>
  );
}

db.json выглядит так: 

{
  "data": [
    {
      "name": "Apple",
      "id": 1,
      "alt": [
        {
          "name": "Fruit1",
          "description": "AAA"
        },
        {
          "name": "Fruit2",
          "description": "BBB"
        }
      ]
    },
    {
      "name": "Banana",
      "id": 2,
      "alt": [
        {
          "name": "ExoticFruit1",
          "description": "XXX"
        },
        {
          "name": "ExoticFruit2",
          "description": "YYY"
        }
      ]
    }
  ]
}

Помощь будет высоко ценится!

...