Question

我正在使用Express和React构建游戏。我需要访问index.jsx文件中的userId以对我的控制器执行操作，例如增加用户分数。

我的路线在传递index.pug参数时会呈现user_id文件：

//server.js
app.get('/', function (req, res) {
  const userId = req.query.userId
  res.render('index', {userId: userId})
})

然后我可以访问我的pug文件中的userId，如下所示：

// index.pug
body
  div#errors
  #root
  p #{userId} // prints the User Id

现在，我需要在包含React组件的userId文件中访问此index.jsx参数。

class Cell extends React.Component {
  render() {
      return (
        <button onClick={() => this.props.onClick()}>
          {userId}
        </button>
      )
    } 
  }

但是，正如我所预料的那样，这并不奏效。有什么想法吗？

Answer 1

您可以使用window对象

让我们说一下你的.pug档案

script.
   var userId = '#{userId}'; //assigning pug value to window object.

现在，您可以userId

访问react组件中的window.userId

class Cell extends React.Component {
  render() {
      return (
        <button onClick={() => this.props.onClick()}>
          {window.userId}
        </button>
      )
    } 
  }

将帕格的帕拉姆传递给JSX

1 个答案: