如何使用来自expressjs的reactjs访问json？

Question

我是reactjs和expressjs 。 如何从reactjs获取数据并将其存储在变量中。

到目前为止，我能够做res.send数据。

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

这会将数据发送到浏览器并显示，但我只想将数据保存到变量中而不是显示它。

Answer 1

您可以在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，以进行测试）

Answer 2

这是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);
});