reactjs - 我如何传递参数来使用react？

Question

我正在尝试将参数传递给我的 react 项目。我用 create-react-app 设置了它。

我像这样设置 package.json:

  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --open --mode development",
    "build": "webpack --mode production"
  },

索引.js:

console.log(process.argv)

我启动它并传入我的参数:

yarn start --serverPort=3531

但是 process.argv 只是一个空数组。如何将参数传递给 React 应用程序？

Answer 1

我们真正想要的是定义一个 Environment Variable我们的 React 实例可以从该环境中访问，这里是 NodeJS我们在这里做什么:yarn start --serverPort=3531 , 是我们正在通过 yarn命令一个参数 serverPort值为 3531 .
而我们应该做的是声明一个环境变量，例如PORT ，然后在 process.env 的帮助下到达它这将允许我们访问当前使用的环境。
请注意:“按照惯例，环境变量应具有大写名称。”
我们在 package.json 中更改了我们的启动脚本以配合上述:PORT=3000 && webpack-dev-server --open --mode development然后您可以通过以下方式访问其值:process.env.PORT // output --> 3000 .
这是一个快速的解决方法，但是，我建议您 read more about setting up environment variables.就像在 CRA 文档中一样。