如何将Node.JS中的数据传递给React build

假设这是我的server.js：

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'build')));

app.get('/*', function(req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(9000);

import * as React from 'react';

export const DisplayName = (props: any) = {
    return (
              <p>Hi there: {props.match.params.data}</p>
           )
};

这是React组件，它将从server.js接收数据：

const express = require('express');
const path = require('path');
const app = express();

app.use(express.static(path.join(__dirname, 'build')));

app.get('/*', function(req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

app.listen(9000);

import * as React from 'react';

export const DisplayName = (props: any) = {
    return (
              <p>Hi there: {props.match.params.data}</p>
           )
};

---

您应该只在后端有一条路由，为

index.html

文件提供服务，然后使用

React

之类的工具处理其他路由。然后，您可以使用可用的工具在

React

中获取URL参数或其他任何内容-当我执行npm启动React应用程序（无服务器端渲染）时，路由工作正常。我可以通过/displayName/Ben传递不同的数据。我有一个Express服务器，为index.html提供单一路由。但是当我点击这个路径/displayName/Ben时，它只是一片空白。但是，在网络上，它会返回react静态文件。是的，请确保

Express.js

和

react

/

react路由器上的所有设置都正确-谢谢，这确实有效。我从头开始创建了这个项目，类似于上面的例子。必须是我的主要项目中的问题。您应该在后端有一条路由，为
index.html
文件提供服务，然后使用
React
处理其他路由，如
React router
。然后，您可以使用可用的工具在
React
中获取URL参数或其他任何内容-当我执行npm启动React应用程序（无服务器端渲染）时，路由工作正常。我可以通过/displayName/Ben传递不同的数据。我有一个Express服务器，为index.html提供单一路由。但是当我点击这个路径/displayName/Ben时，它只是一片空白。但是，在网络上，它会返回react静态文件。是的，请确保
Express.js
和
react
/
react路由器上的所有设置都正确-谢谢，这确实有效。我从头开始创建了这个项目，类似于上面的例子。必须在我的主要项目的问题。