Как я могу получить доступ к JSON с помощью responsejs из expressjs?

Question

Я новичок в reactjs и expressjs. Как получить данные из reactjs и сохранить их в переменной.

Пока я могу res.send данные.

app.get('*', (req, res) => {
     const data = {hello: world};
     res.send(data);
});

Это отправляет данные в браузер и отображает их, но я хочу просто сохранить данные в переменной вместо их отображения.

Answer 1

Это пример React.js

import axios from 'axios'

click () {
  axios.get('yourAPIAdress')
    .then(response => console.log(response))
}

и это пример кода вашего node.js;

const https = require('https');

https.get('yourAPIAdress', (resp) => {
  let data = '';

  // A chunk of data has been recieved.
  resp.on('data', (chunk) => {
    data += chunk;
  });

  // The whole response has been received. Print out the result.
  resp.on('end', () => {
    console.log(JSON.parse(data).explanation);
  });

}).on("error", (err) => {
  console.log("Error: " + err.message);
});

Answer 2

Вы можете в своем React Component сделать что-то вроде:

import React, { Component } from 'react';
import './App.css';
class App extends Component {
   constructor(){
       super();
       this.state ={users: []};
   }
   componentDidMount() {
          fetch('/users')
            .then(users => { 
                console.log(users); 
                this.setState({ users })
             });
         }
   render() {
        return (
            <div className="App">
                <h1>Users</h1>
                {this.state.users.map(user =>
                <div key={user.id}>user: {user.name} Password: {user.password}</div>
              )}
            </div>
        );
    }
}
export default App;

Предполагая, что интересующий вас объект называется "пользователи" (* Вы должны изменить свой JSX в соответствии с полями вашего объекта, чтобы проверить это)