He codificado una aplicación React en estilo ES6, todos mis componentes están construidos de la siguiente manera:
import React, { Component } from 'react'; class Test extends Component { render() { return ( <div className="testDiv"> Hello Word </div> ) } } export default Test;Este sitio web se ejecuta a través de la configuración predeterminada a través de "npm start" en el puerto 3000.
Además, tengo una aplicación nodeJS con una API a través de expressJS en el puerto 8080. Ahora quiero crear una ruta única para expresar dónde puedo representar la aplicación React y devolver la cadena HTML al cliente. Cuál es la mejor manera de hacer esto ? Soy nuevo en el desarrollo de React, espero que alguien pueda ayudar.
Aquí hay un ejemplo minimalista de cómo representar su componente de prueba en un servidor Express:
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);