小编Bog*_*ely的帖子

我正在使用 react-native 创建我的第一个移动应用程序。我正在使用 axios 从 wordpress 网站获取数据。

我成功地从带有音乐曲目列表的数组 JSON 中获取数据。然后我将数据插入到一个state变量中。然后，我使用.map函数在屏幕上显示内容。这是一个有效的示例代码：

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

export default class FreshTracks extends Component {
    state={tracks:[]}
    componentDidMount(){
        axios.get("https://<URL for JSON list of tracks>")
            .then(response => this.setState({tracks:response.data}))
            .catch(function(error) {
                console.log('Fetch error: ' + error.message);
                });
    }  
    renderTracks(){
        return this.state.tracks.map (track =>
            <View key={track.id}>
                <Text>{track.title.rendered}</Text>
                <Text>{track.content.rendered}</Text>
            </View>
        )  
    }
    render() {
        return (
            <View>    
                {this.renderTracks()}
            </View>
        );
    } …