Estoy construyendo un juego usando Express y React. Necesito acceder al ID de usuario en mi archivo index.jsx para realizar acciones en mis controladores, como incrementar la puntuación del usuario.
Mi ruta representa un archivo index.pug mientras pasa un parámetro user_id :
//server.js app.get('/', function (req, res) { const userId = req.query.userId res.render('index', {userId: userId}) }) Entonces puedo acceder al userId de usuario en mi archivo pug, así:
// index.pug body div#errors #root p #{userId} // prints the User Id Ahora necesito acceder a este userId de ID de usuario en mi archivo index.jsx que contiene los componentes de React.
class Cell extends React.Component { render() { return ( <button onClick={() => this.props.onClick()}> {userId} </button> ) } }Pero eso no funciona, como esperaba. ¿Algunas ideas?
Puedes hacerlo usando el objeto de window
Digamos en tu archivo .pug
script. var userId = '#{userId}'; //assigning pug value to window object. Ahora puede acceder al ID de window.userId en el componente de react como userId
class Cell extends React.Component { render() { return ( <button onClick={() => this.props.onClick()}> {window.userId} </button> ) } }