Wpis z mikrobloga

Mireczki z #programowanie, dopiero uczę się #react #javacript i piszę sobie prostą aplikację pobierającą z OMDB informacje o filmie i wyświetlające podstawowe informacje o nim, korzystając z platformy CodeSandbox. Generalnie, to mi to działało wcześniej, ale postanowiłem sobie użyć Material UI i przy przepisywaniu coś mi się spieprzyło. Cały czas dostaję > "SyntaxError: Unexpected token < in JSON at position 0"
Struktura apki to komponenty: App -> SearchField, (DisplayElements -> MovieModal)
Wszystkie wcześniejsze procesy (takie jak wyszukiwanie filmu, pobieranie jego ID itd) wykonują się prawidłowo i dopiero w MovieModal coś się psuje i zdaje się, że to w tym fragmencie kodu jest coś nie tak:

componentDidUpdate(prevProps, prevState) {
fetch(
https:www.omdbapi.com/?apikey=${apiKey}&i=${this.props.movieID})
.then(response => response.json())
.then(result => {
if (this.props.movieID != prevProps.movieID) {
this.setState({
movieDetails: result
});
}
})
.catch(error => {
console.log(error);
});
}

Sprawdzając w devtoolsach Chrome'a, kiedy używam fetch, żeby dostać wyszukiwaną listę filmów to URL wygląda np. tak: "https://www.omdbapi.com/?apikey=25bfb752&s=end", a kiedy używam fetch drugi raz (w kodzie, który wstawilem), by dostać informacje o konkretnym filmie to wygląda następująco: "https://m4oz7q2kr8.codesandbox.io/www.omdbapi.com/?apikey=25bfb752&i=tt0449088"

Przepraszam, jeśli mój problem jest trywialny, ale jestem dopiero na etapie nauki. Jeśli będzie potrzeba to wrzucę oczywiście cały kod.
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach