Question

我试图创建一个简单的应用程序，从facebook demo api中检索数据并以反应本机显示它们。

这是我的代码（对于index.android.js）：

＆＃13;

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);

＆＃13;

但它一直给我这个错误：

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>
  );

获取React Native意外令牌

1 个答案: