Node.js 在reactJS组件内显示来自nodeJS的API调用

因此，我正在制作一个应用程序，其中我必须创建一个nodeJS服务器，并且必须在客户端显示API调用。然而，当我调用fetch方法时，在我的终端中，除了服务器端之外，客户端上不会显示任何内容。我可能不知道该怎么做，所以我只是想知道你们中是否有人知道我做错了什么，我只是想知道，仅此而已。以下是我的服务器端的一小部分：

const express = require('express');
const router = express.Router();
var key = "v2xcfdfa76db9f173028d97859c47a8ce0554321029a3fbfc06a26f81b1655bd3d9";
var BitGo = require('bitgo');
var client = new BitGo.BitGo({ env: 'test', accessToken: key });

router.get('/user/me', (req, res, next) => {
client.me({}, function callback(err, user) {
  if (err) {
  console.dir(err);
}
console.dir(user);
  });
});

module.exports = router;

以下是客户端：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
constructor(props) {
super(props);
this.state = {
  data: ""
    }
 }

 componentDidMount() {
 return fetch('/user/me')
.then((response)=> response.json())
.then((responseJson)=>{
  this.setState({
    data: responseJson.data
  });
})
 }
  render() {
  return (
  <div className="App">
    <header className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <h1 className="App-title">Welcome to React</h1>
    </header>
    <p className="App-intro">
      Data from our API: <b>{this.state.data}</b>
    </p>
  </div>
   );
  }
}

export default App;

---

您实际上没有从服务器返回任何内容。。。或者你给我们的代码有限

router.get('/user/me', (req, res, next) => {
  client.me({}, function callback(err, user) {
    if (err) {
      console.dir(err);
      res.status(400).send(err)
    }

    console.dir(user);
    res.send({ data: user })
  });
});

---

我假设用户是JSON可序列化的，并且它是您希望从服务器返回的数据。

是否收到错误？如果您收到错误，请共享。执行以下操作时会发生什么：.thenresponse=>{console.logresponse return response.json}响应中显示什么？请用同样的方法responseJson@DrunkDevKek嘿，我试着做了与你发布的完全相同的事情，但我在浏览器中看不到console.log的输出…@devkek'response'未定义无未定义。这是我在componentDidMount方法末尾打印的结果。嘿，你完全正确。我希望从服务器返回用户。但是，我只是尝试使用您提供的代码，客户端没有任何更改。我已经更新了代码。您正在从responseJson.data中提取，因此我调整了响应以将用户放入数据中。我想我们已经接近了，所以我刚刚收到一个错误消息：对象作为React子对象无效。this.setState{data:responseJson.data}；我相信问题就在这里。。。当然所以用户是一个对象。。。更改API中的数据：{this.state.Data}以提取所需的数据，即{this.state.Data.name}如果用户有name属性。Tyler，如果您最终来到哥本哈根，请给我发送一条消息，因为您从我这里得到了一杯烈酒。非常感谢您解释一切并帮助我，非常感谢！：