如何传递参数以做出反应？

Question

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

我像这样设置package.json：

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

index.js：

console.log(process.argv)

我启动它并传递我的参数：

yarn start --serverPort=3531

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

Answer 1

与其通过节点方式yarn start --serverPort=3531。

您可以将package.json中的启动脚本修改为：

PORT=3000 && webpack-dev-server --open --mode development

然后您可以通过process.env.PORT // output --> 3000访问其值。

这是一个快速的解决方法，但是我建议您像CRA文档中的read more about setting up environment variables.。