const  express=require('express');
const  mysql=require('mysql');
const  cors=require('cors');

const app=express();
app.use(cors());

const db=mysql.createConnection({
   host:"localhost",
   user:'root',
   password:'',
   database:'shop'

});

app.get('/',(req,res)=>{
    return res.json('hello world!!');
});

app.get('/users',(req,res)=>{
    const sql="SELECT * FROM `users`";
    db.query(sql,(err,data)=>{
        if (err) return res.json(err);
        return res.json(data);
    })
});

app.listen(8081,()=>{
    console.log("server working 8081");
})

import React,{useEffect,useState} from 'react'
import './App.css';

function App() {
  const [data,setData]=useState([]);
  useEffect(()=>{
    fetch('https://localhost:8081/users')
        .then(res=>res.json())
        .then(data=>console.log(data))
        .catch(err=>console.log(err));

  },[])
  return (
    <div>
      Hello world!!!11
      {data.map((d)=> (
         <div>
           {d.userName}
           {d.userHash}
           {d.userSalt}</div>
      ))}
    </div>
  );
}

export default App;

.then(data=>console.log(data))

.then(data=>setData(data))