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)
}
})
})