Блог

Я новичок в React Native, хотел бы получить какое-либо хорошее решение для следующей задачи: Создайте одно приложение, которое будет вызывать один API (https://api.napster.com/v2.0/playlists?apikey=ZTk2YjY4MjMtMDAzYy00MTg4LWE2MjYtZDIzNjJmMmM0YTdm). Используя thread и сохраните его в некотором файле.

Текущий код

 class App extends Component {

  constructor(props) {
    super(props);

    this.state = {
      isLoading: true,
      dataSource: null,
    }
  }

  componentDidMount() {

    return fetch('https://api.napster.com/v2.0/playlists?apikey=ZTk2YjY4MjMtMDAzYy00MTg4LWE2MjYtZDIzNjJmMmM0YTdm')
      .then(response => response.json())
      .then((responseJSON) => {

        this.setState({
          isLoading: false,
          dataSource: responseJSON.playlists,
        })
      })
      .catch((error) => {
        console.log(error);
      })

  }

  render() {

    if (this.state.isLoading) {
      return (
        <View style={styles.container}>
          <ActivityIndicator />
        </View>
      )
    } else {

      let dbSource = this.state.dataSource.map((val, key) => {
        return (
          <View key={key} style={styles.item}>
            <Text>{val.name}</Text>
          </View>
        )
      })

      return (
        <View style={styles.container}>
          {dbSource}
        </View>
      );
    }
  }
};