react.js map, что то не фурычет а должно
есть таблица с тремя параметрами надо вывести
вот сервер 100% работает провнрял
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;
|
Цитата:
Если на том же сервере - так он и выдает только Цитата:
|
Так адрес указан users, и выдает он Hello world!!!11
|
riaron86, тогда поменяй роуты.
Сначала app.get('/users', ... Потом app.get('/', ... |
Не помогло
|
Там после запроса данных эти самые данные выводятся только в консоль, оставляя state-переменную не у дел.
С чего что-то еще на странице отобразится то должно? |
Цитата:
|
в таблице users в базе shop есть данные, при наборе localhost:8081/users они видны но при запуске реакт не показывает
|
Цитата:
Цитата:
Единички только компонентом выводятся, значит он смотрит не консоль, а именно на саму страницу в браузере. riaron86, после запроса данные в state-переменную data засунь, а не в консоль их выводи и будет тебе счастье. |
riaron86, замени свой
Цитата:
.then(data=>setData(data)) |
| Часовой пояс GMT +3, время: 12:30. |