HTTP使用React从Python Echo服务器获取请求

Question

我有一台Python Echo服务器，当客户端发送GET请求时，它会发送连续的数据流，如下所示：

GET request for /?value=30
GET request for /?value=30
GET request for /?value=30
GET request for /?value=37
GET request for /?value=37
GET request for /?value=37

Python Echo Server的摘要，该echo Echo服务器使用http.server库：

from http.server import BaseHTTPRequestHandler, HTTPServer
import logging


class S(BaseHTTPRequestHandler):
    def _set_response(self):
        self.send_response(200)
        self.send_header('Content-type', 'text/html')
        self.end_headers()

    def do_GET(self):
        logging.info("GET request,\nPath: %s\nHeaders:\n%s\n", str(text), str(self.headers))
        self._set_response()
        self.wfile.write("get_value: GET request for {}".format(text).encode('utf-8'))

node.js code：node.js代码，该代码在上面记录了数据响应：

var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;

function httpGet(theUrl) {
  let xmlHttpReq = new XMLHttpRequest();
  xmlHttpReq.open("GET", theUrl, false); 
  xmlHttpReq.send(null);
  return xmlHttpReq.responseText;
}
var i = 1
while (i ==1) {
  console.log(httpGet('http://localhost:8080'));
}

我已经成功地使用了node.js代码检索了数据，但是我在React中没有成功实现它。我应该如何在React中编写简单的获取/提取请求？我非常新手反应，感谢您的指导。

Answer 1

您可以使用Fetch-API创建HTTP请求，以下是React示例：

componentDidMount() { 
   fetch('http://localhost:8080') 
     .then((res) => res.json()  {
      console.log(res)
      }) 
}