Reactjs REST API не выводит на экран

#reactjs #rest #axios

#reactjs #rest #axios

Вопрос:

Использование среды Reactjs npm для разработки клиента REST API. Приведенное ниже не выдает никаких ошибок и не выводит на экран. В какой-то момент захочется распечатать JSON, но пока все, что выглядит правильно, в порядке.

 import Axios from 'axios';
import React from 'react';
class FirstC extends React.Component {
  render() {

const axios = require('axios')
axios.post('http://192.168.100.55/rest/seltec/auth/loginuser/', {

Username: 'tictac',
    Password: '123smile',
    DeviceUuid: '123232-5872-3809-b2e6-5108bdc2dd',
    DeviceModel: 'PN-20221301223',
    DeviceSerialNumber: 'SN-54324118',
    FcmToken: 'dFEEp5MST36vd_lzkbPK8n:APA91bEIGZo-7nEhfkbFwCcmRGNyFy9YfcyRgaCcSKblLpJ2sy8SBO8_lHXgElH5YAAnnB7NSCc66ac3R1oQ2ITQ0Jvlra9mznIGxzfR-jwLDRUmUelE8nM-2Z3xQn3OR1my1fJ04gR4'

  })
  .then(function (response) {
    console.log(response);
  })

    return  <div>
lll
 
           </div>;
      }
}
export default FirstC;
  

The App.js файл ниже:

 import React, { Component } from 'react';
import './App.css';
import FirstC from './components/FirstC.js';
class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <p>
          </p>
          <FirstC />
        </header>
        <FirstC />
</div>
    );
  }
}
export default App;
  

Мы используем Postman для проверки клиентов RESTful, что показывает, что он выводит правильный JSON.

Комментарии:

1. Ваш пост axios возвращает ошибку, добавьте это после вашего . тогда << .catch(function (err) {console.log(err);} >> Я думаю, что ваш токен должен быть в параметрах третьего axios

2. const axios = require(‘axios’), поместите его сверху, как импорт axios из ‘axios’

3. @ Aurelio LIMA FERREIRA Спасибо за ваш вклад. Поместите это «const axios = require (‘axios’) » прямо под import И сделал это: .then .catch(функция (ошибка) {console.log(ошибка);}(функция (ответ) { //.then (функция (ответ) { // console.log(ответ); }) Но безуспешно.