Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.06.2025, 20:32
Аспирант
Отправить личное сообщение для riaron86 Посмотреть профиль Найти все сообщения от riaron86
 
Регистрация: 27.11.2021
Сообщений: 93

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;
Ответить с цитированием
  #2 (permalink)  
Старый 19.06.2025, 20:49
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,276

Сообщение от riaron86
а клиент выдает всего лишь хелло ворлд
На чем запускается тот клиент?

Если на том же сервере - так он и выдает только
Сообщение от riaron86
app.get('/',(req,res)=>{
    return res.json('hello world!!');
});
Ответить с цитированием
  #3 (permalink)  
Старый 19.06.2025, 21:34
Аспирант
Отправить личное сообщение для riaron86 Посмотреть профиль Найти все сообщения от riaron86
 
Регистрация: 27.11.2021
Сообщений: 93

Так адрес указан users, и выдает он Hello world!!!11

Последний раз редактировалось riaron86, 19.06.2025 в 22:27.
Ответить с цитированием
  #4 (permalink)  
Старый 19.06.2025, 22:37
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,276

riaron86, тогда поменяй роуты.
Сначала app.get('/users', ...
Потом app.get('/', ...
Ответить с цитированием
  #5 (permalink)  
Старый 20.06.2025, 11:29
Аспирант
Отправить личное сообщение для riaron86 Посмотреть профиль Найти все сообщения от riaron86
 
Регистрация: 27.11.2021
Сообщений: 93

Не помогло
Ответить с цитированием
  #6 (permalink)  
Старый 20.06.2025, 11:36
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,826

Там после запроса данных эти самые данные выводятся только в консоль, оставляя state-переменную не у дел.
С чего что-то еще на странице отобразится то должно?
Ответить с цитированием
  #7 (permalink)  
Старый 20.06.2025, 11:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,276

Сообщение от Nexus
Там после запроса данных эти самые данные выводятся только в консоль, оставляя state-переменную не у дел.
Я так понял, ему в консоль тот "Hello world" запрос возвращает...
Ответить с цитированием
  #8 (permalink)  
Старый 20.06.2025, 12:11
Аспирант
Отправить личное сообщение для riaron86 Посмотреть профиль Найти все сообщения от riaron86
 
Регистрация: 27.11.2021
Сообщений: 93

в таблице users в базе shop есть данные, при наборе localhost:8081/users они видны но при запуске реакт не показывает
Ответить с цитированием
  #9 (permalink)  
Старый 20.06.2025, 13:15
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,826

Сообщение от ksa
Я так понял, ему в консоль тот "Hello world" запрос возвращает...
Сообщение от riaron86
Так адрес указан users, и выдает он Hello world!!!11
У него сервер возвращает строку `hello world!!`, а на странице рендерится именно `Hello world!!!11` с единичками, с его слов.
Единички только компонентом выводятся, значит он смотрит не консоль, а именно на саму страницу в браузере.

riaron86, после запроса данные в state-переменную data засунь, а не в консоль их выводи и будет тебе счастье.
Ответить с цитированием
  #10 (permalink)  
Старый 20.06.2025, 14:24
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,276

riaron86, замени свой
Сообщение от riaron86
.then(data=>console.log(data))
На
.then(data=>setData(data))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Так получается что в react.js нельзя динамически выводить изображения? riaron86 Node.JS 3 09.07.2024 19:20
Линуха, среда разработки torsar Оффтопик 7 01.09.2023 05:36
Как (эффективно) изучать JavaScript? JSTalker Общие вопросы Javascript 33 23.12.2010 03:13
Zend и Pear для нуба mycoding Серверные языки и технологии 52 13.12.2010 18:32
Браузер доказывает что не видит функцию SleepWalker Общие вопросы Javascript 7 17.06.2009 23:14