Fetch React Native неожиданный токен

Question

Я пытаюсь создать простое приложение, которое извлекает данные из демонстрационного примера api facebook и отображает их с помощью реакции native.

Это мой код (для index.android.js):

import React, { Component } from 'react'; 
 
import { AppRegistry, Text , View } from 'react-native'; 
 

 
class AwesomeProject extends Component{ 
 

 

 
    constructor(props){ 
 
    super(props); 
 
    this.state = { 
 
     movies: [] 
 
    } 
 

 
    }; 
 

 
    componentWillMount(){ 
 
     this.getMoviesFromApi().then((res) => { 
 
      movies: res.movies; 
 
     }); 
 
    } 
 

 

 

 
    async function getMoviesFromApi() { 
 
    try { 
 
     let response = await fetch('https://facebook.github.io/react-native/movies.json'); 
 
     let responseJson = await response.json(); 
 
     return responseJson.movies; 
 
    } catch(error) { 
 
     console.error(error); 
 
    } 
 
    } 
 

 

 

 
    render() { 
 

 
     return(
 
      <Text> 
 
      {this.state.movies} 
 
      </Text> 
 
     ); 
 

 
    } 
 

 
} 
 
AppRegistry.registerComponent('AwesomeProject',() => AwesomeProject);

Но он держит дает мне эту ошибку:

Unexcepted token, excpected ((28:18) index.android.js:23:18 

Answer 1

Есть несколько ошибок в вашем коде.
1. Используйте setState для обновления свойств фильмов.

this.getMoviesFromApi().then((res) => { 
    this.setState({ 
     movies: res 
    }); 
    }); 

2. async function getMoviesFromApi() должен быть только async getMoviesFromApi()
3. В render функции, оберните Text внутри View и перебрать фильмов массива. Пример:

return(
    <View> 
     {this.state.movies.map(m => (
     <Text key={m.title}> {m.title} </Text>))} 
    </View> 
);