Executando verificação de segurança...
1

React native com Node js e Mysql (DUVIDA)

Estou com um problema em um teste que eu estou fazendo, eu tenho um projeto react native, e nele faço uma request pro backEnd, para mostrar todas as pessoas cadastradas na tela, utilizando mysql como banco de dados, nodeJs no back e Axios para fazer as chamadas Apis.

Segue o codigo:

teoricamente, quando a pessoa clicar no botao, ela ativaria a função pegarPessoas,faria a chamada e setaria Peoples.data dentro da const peoples, mas acontece este erro

**Possible Unhandled Promise Rejection (id:0):[AxiosError: Network Error] **

Como eu poderia resolver ete problema? se eu estou fazendo alguma coisa errada, como eu poderia fazer uma aplicação usando react native, nodejs e mysql?

import React from 'react'; import { Text, StyleSheet, Touchable, View ,TouchableOpacity, Button } from 'react-native'; import { useState , useEffect} from 'react'; import Axios from 'axios' function App(){

const [peoples,setpeoples] = useState([])

function pegarPessoas(){
Axios.get('http://192.168.0.102:3001/showAllPeoples').then((Peoples)=>{ setpeoples(Peoples.data) console.log(Peoples.data)
})
}

return(
<View style={styles.container}> <Text>Pessoas cadastradas</Text> <TouchableOpacity onPress={pegarPessoas}> <Text>clique</Text> </TouchableOpacity> </View>

)
}

const styles = StyleSheet.create({ container:{ display:'flex', flex:1, justifyContent:"center", alignItems:"center" } })

export default App

dentro da pasta server, arquivo index.js

`const express = require('express')
const app = express()
const mysql = require("mysql")
const cors = require('cors')

app.use(cors())
app.use(express.json())

const db = mysql.createPool({
host:"localhost",
user:"root",
password:"",
database:"peoples",
})

app.listen(3001,()=>{
console.log('servidor rodando')
})

app.get('/showAllPeoples',(req,res)=>{

let SQL = 'SELECT *from cadastrados'

db.query(SQL,(err,response)=>{
    if(err){
        console.log('erro')
        console.log(err)
    }else{
        res.send(response)
        console.log(response)
    }
})

})

Carregando publicação patrocinada...