首页 文章

将React ES6渲染为Express的字符串

提问于
浏览 次
0

我用ES6风格编写了一个React应用程序，我的所有组件都构建如下：

import React, { Component } from 'react';

class Test extends Component {
    render() {
        return (
            <div className="testDiv">
                Hello Word
            </div>
        )
    }
}

export default Test;

该网站通过端口3000处的“npm start”通过默认配置运行 .

此外，我在端口8080上通过expressJS使用带有API的nodeJS应用程序 . 现在我想创建一个单独的路由来表示我可以呈现React应用程序并将HTML字符串传递回客户端的位置 . 最好的方法是什么？我是React开发的新手，希望有人可以提供帮助 .

node.js reactjs express

1 回答

  • 1

    以下是如何在Express服务器上呈现Test组件的简约示例：

    import express from 'express';
import Test from './Test';
import React from 'react';
import ReactDOM from 'react-dom/server';

const app = express();

app.get('*', (req, res) => res.send(ReactDOM.renderToString(<Test />)));

app.listen(8080);
    回复于

相关问题