Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在加载URL时向react应用程序传递值。?_Javascript_Html_Reactjs_React Router - Fatal编程技术网

Javascript 如何在加载URL时向react应用程序传递值。?

Javascript 如何在加载URL时向react应用程序传递值。?,javascript,html,reactjs,react-router,Javascript,Html,Reactjs,React Router,假设我有一个React js项目在3000端口上运行,我可以使用查询字符串传递一些值,例如 http://localhost:3000/?P1=XXXXXXXXX&P2=YYYYYYYYYYYYY 并且可以在componentDidMount()块中将它们读取为P1和P2 加载URL时是否还有其他方法可以传递值,因为我想传递大量参数?最常见的是,react应用程序从api获取初始数据,该api必须由后端提供,并且在大多数情况下是推荐的。但您也可以让服务器将初始数据嵌入html,例如:

假设我有一个React js项目在3000端口上运行,我可以使用查询字符串传递一些值,例如

http://localhost:3000/?P1=XXXXXXXXX&P2=YYYYYYYYYYYYY
并且可以在componentDidMount()块中将它们读取为P1和P2


加载URL时是否还有其他方法可以传递值,因为我想传递大量参数?

最常见的是,react应用程序从api获取初始数据,该api必须由后端提供,并且在大多数情况下是推荐的。但您也可以让服务器将初始数据嵌入html,例如:

<script type="text/javascript">
    var initialData = {foo: 'bar'};
</script>

var initialData={foo:'bar'};