-1

Como eu posso fazer para buscar uma informação dentro da api e exibir na tela? Parece que o react não reconhece a minha função fetch

import React, { Component } from 'react'

class InputeAPI extends Component{
    constructor(){
        super()
        this.state={valor:'Seach for a country', buscaapi:[]}
        
        //agora consumiremos a API
        var isto=fetch('https://restcountries.eu/rest/v2/all').then(f=>f.json()).then(funcaoapi=>{console.log(funcaoapi)})

        this.consumir=this.consumir.bind(this)
    }
    
    consumir(){
        window.alert(this.state.valor)
        this.setState({buscaapi:this.funcaoapi})
        console.log(this.state.buscaapi)
    }
    render(){
        return(
            <div>
                <input id='inpu' onChange={(estado)=>this.setState({valor:estado.target.value})} type="text"value={this.state.valor}/>
                <button onClick={this.consumir}> procurar</button>
            </div>
        )
    }
}

export default InputeAPI
0

1 Resposta 1

-2

Tente fazer um método próprio para a consumação da api, não se usa fetch/axios dentro do constructor do react.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .