как исправить, исправить проблему uid LocalStorage ReactJS / NodeJs - PullRequest
Новая
       38

как исправить, исправить проблему uid LocalStorage ReactJS / NodeJs

0 голосов
/ 20 апреля 2020

Я хотел бы объяснить мою проблему дня.

, чтобы поставить вас в контекст, я вхожу в систему и нахожусь на странице, похожей на мою информацию или мой профиль.

У меня странная ошибка, поэтому я пытаюсь восстановить данные. my BDD, чтобы правильно отобразить номер телефона.

1-я ошибка на моем LIVE-сервере, когда открывается страница, у меня ошибка 404, которая отображается

, а вторая когда я делаю запрос POSTMAN 

{
code: 'ER_BAD_FIELD_ERROR',
errno: 1054,
sqlMessage: "Unknown column 'undefined' in 'where clause'",
sqlState: '42S22',
index: 0,
sql: 'SELECT * from cartebleuuser where telephone=undefined'
}

, я хотел бы иметь возможность отображать правильный телефон, который соответствует UID в моей базе данных

Как я могу исправить эту проблему? 

import React, { Component } from 'react';
import axios from 'axios'

class Profile  extends Component {
   constructor(props) {
   super(props);
   this.state = {
   userProfile: null
     };
    }

getUserProfile = async (telephone) => {
 const res = await axios.get(
   `https://joke.fr/api/cartebleuuser${telephone}` 
 );
 this.setState({ userProfile: res.data });
 console.log(res.data);
}

componentDidMount() {
const user = localStorage.getItem("authUser");
console.log(user);
if (user) {
  const { id, telephone } = JSON.parse(user);
  this.getUserProfile(telephone);
 }
}

render() {
  const { userProfile } = this.state;
    return (
      <div>
       {userProfile ? userProfile.telephone : "No user telephone"}
       </div>
      )
      }
    }
  export default Profile;

MyRoute на BDD

 app.get('/api/cartebleuuser', (req, res) => {
 const { telephone } = req.params;
 console.log(telephone);
 connection.query(`SELECT * from cartebleuuser where telephone=${telephone}`, (err, results) 
 => {
   if (err) {
    console.log(err);
    return res.status(500).send('Erreur lors de la récupération des employés');
    } else {
    console.log(results);
    return res.json(results);
    }
  });
  });

BDD schéma. 

{
"id": 62,
"telephone": "0202020202",
"uid": "dycjibu96zgmzc0KpGAqxKiUsMu2"
 }
...