Как я могу потреблять этот Json, используя React-Native? [закрыто]

Вы также можете отключить их, используя эту кнопку: enter image description here [/g0]

-4
задан Eduardo 18 March 2019 в 18:33
поделиться

1 ответ

Это как в React. Сначала вы должны получить данные (обычно componentDidMount() - хорошее место для этого. Вам нужно обновить состояние вашего компонента, чтобы оно содержало извлеченные данные. Вот пример использования axios, но тот же эффект может быть достигнут с помощью fetch. ] API.

class MyComponent extends Component {
    state = {
        data : []
    }

    componentDidMount(){
        axios.get('myendpoint')
              .then(res => this.setState({data : res}))
    }

    render(){
        const { data } = this.state

        return(
            <FlatList
                data={data}
                renderItem={({item}) => <Text>{item}</Text>}
            />
        )
    }

}

С fetch

class MyComponentWithFetch extends Component {
    state = {
        data : []
    }

    componentDidMount(){
        fetch('myendpoint')
            .then(docs => docs.json())
            .then(res => this.setState({data : res}))
    }

    render(){
        const { data } = this.state

        return(
            <FlatList
                data={data}
                renderItem={({item}) => <Text>{item}</Text>}
            />
        )
    }
}

пс: не забывайте ключи

0
ответ дан Omkar Yadav 18 March 2019 в 18:33
поделиться
Другие вопросы по тегам:

Похожие вопросы: