Реагировать на получение данных SQL с сервера

Question

Я разобрался, как сделать запрос к серверу SQL и опубликовать как JSON на стороне сервера. Мне интересно, как я могу перетащить эти данные в сторону реакции.

Server.js

let pullTable = require('./actions/pullTable.js');
var express = require('express');
var app = express();

app.get('/', async (req, res, next) => {
  try {
    const result = await pullTable.pullTable();
    return res.status(200).json(result);
  } catch (error) {
    next(error);
  }
});

app.listen(5000, () => {console.log('Server is running..')});

SQL-запрос - pullTable.js :

var sql = require("mssql");
var express = require('express');
var app = express();
// config for your database
var config = {
    user: 'user',
    password: 'pass',
    server: 'localhost', 
    database: 'Master' 
};

const pullTable = async () => {
    try {
        const pool = await sql.connect(config);
        const sqlQuery = 'SELECT * FROM Persons';
        const result = await pool.request().query(sqlQuery);
        return result.recordset;
    } catch (err) {
        throw err;
    }
};

exports.pullTable = pullTable;

Код работает до сих пор. Я смотрю на порт 5000 и вижу данные JSON, отображаемые с моего сервера. Просто не уверен, как включить это в React. Это моя попытка на стороне реакции (не включая файл App.js - с этим не требуется помощь):

getData.js

import React, { Component } from 'react';

class getData extends Component {
    constructor(){
        super();
        this.state={
            data:[],
        }
    }

    componentDidMount(){
        fetch('http://localhost:5000')
        .then((Response)=>Response.json())
        .then((findresponse)=>
        {
            this.setState({
                data:findresponse,
            });
        });
    }

    render() {
        return (
           <div>
                {
                    this.state.data.map((dynamicData)=>
                    <div>
                        <span>{dynamicData.LastName} </span>
                        <span>{dynamicData.FirstName}</span>
                    </div>
                    )
                }
            </div>
        );
    }
}

export default getData;

Просто хочу отобразить имя и фамилию людей в этой таблице SQL.

Answer 1

@ Шон Яп указал мне правильное направление.В основном пришлось включить заголовок Access-Control-Allow-Origin в сценарий сервера:

let pullTable = require('./actions/pullTable.js');
var express = require('express');
var app = express();

app.get('/', async (req, res, next) => {
    try {
    res.set('Access-Control-Allow-Origin', '*');
    const result = await pullTable.pullTable();
    return res.status(200).json(result);
    } catch (error) {
    next(error);
    }
});

app.listen(5000, () => {console.log('Server is running..')});

Не уверен, что это даже хороший код, но он работает.