我正在尝试将参数传递给我的 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 应用程序?
最佳答案
我们真正想要的是定义一个 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 文档中一样。
关于reactjs - 我如何传递参数来使用react?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61952343/