Как получить json с сервера nodejs?

У меня есть опасения по поводу вашей конечной точки API ... См. Мои комментарии.

Что касается компонента:

fetch является асинхронным - images - это Promise, а не фактический ответ от конечной точки. Вам нужно использовать состояние компонента

class Component extends React.Component {
  componentDidMount () {
    fetch('http://localhost:3000/datastore', {
      mode: "no-cors", // no-cors, cors, *same-origin
      cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
      credentials: "same-origin", // include, same-origin, *omit
    })
    .then(response => response.json())
    .then(images => this.setState({ images });
  }

  render () {
    const { images } = this.state // use this
    return <div> ... </div>
  }
} 

опять же все это предполагает, что конечная точка возвращает действительный JSON.

Тайлер Себастьян ответ полностью. Но позвольте мне объяснить это. Всякий раз, когда вы вызываете api с помощью принести, он возвращает Обещать, он в основном асинхронный, поэтому он похож на «вызов api и ожидание его ответа». Так

let images = fetch('http://localhost:3000/datastore', {
    mode: "no-cors", // no-cors, cors, *same-origin
    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
    credentials: "same-origin", // include, same-origin, *omit
});

Эта линия изображения является объектом Обещать. Когда вы вызываете .потом на нем. Он ответит вам, когда закончит получение данных из бэкэнда.

let images = fetch('http://localhost:3000/datastore', {  
    mode: "no-cors", // no-cors, cors, *same-origin
    cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
    credentials: "same-origin", // include, same-origin, *omit
}).then(response => response.json()); //1 This line of code
console.info(images); // 2 and this line of code

Строка номер 6 может быть выполнена перед строкой номер 5. Я предлагаю вам прочитать Обещать, асинхронный код раньше. Вот способ лучше.

fetch('http://localhost:3000/datastore', {  
     mode: "no-cors", // no-cors, cors, *same-origin
     cache: "no-cache", // *default, no-cache, reload, force-cache, only-if-cached
     credentials: "same-origin", // include, same-origin, *omit
}).then(response => {
   printImages(response); //Note that this is not your data, images array will be deep down in response.response.data
}); 
printResponse = (response) => { 
   console.info(response);
}

Ошибка была на самом деле в серверной части. Я не разрешил перекрестное происхождение

var express = require('express');
var router = express.Router();
let Datastore = require('@google-cloud/datastore')
const datastore = Datastore();
const query = datastore.createQuery('image');

router.get('/', function(req, res, next){
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS');

  datastore
  .runQuery(query)
  .then(results => {
    let tasks = results[0];
    console.info('Tasks:');
    tasks.forEach(task => {
      const taskKey = task[datastore.KEY];
      console.info(taskKey.id, task);
    });
    console.info(tasks);
    return res.send(tasks);
  })
  .catch(err => {
    console.error('ERROR:', err);
      return res.status(200).send({
      success: false
    });
  });
});

module.exports = router;