Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.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 React JS:使用动态参数从REST服务器获取数据_Javascript_Ajax_Rest_Reactjs_Url Parameters - Fatal编程技术网

Javascript React JS:使用动态参数从REST服务器获取数据

Javascript React JS:使用动态参数从REST服务器获取数据,javascript,ajax,rest,reactjs,url-parameters,Javascript,Ajax,Rest,Reactjs,Url Parameters,我构建了一个小的React组件,它通过ajax调用从REST服务获取json数据 在中,您可以将组件数据属性更改为url,从中可以获取数据: ReactDOM.render( <CommentBox url="/api/comments" />, document.getElementById('content') ); 这意味着从服务器获取的数据会根据参数而变化 需要传递给REST API的参数以以下方式位于当前URL的路径中: /api/resource/paramet

我构建了一个小的React组件,它通过ajax调用从REST服务获取json数据

在中,您可以将组件数据属性更改为url,从中可以获取数据:

ReactDOM.render(
  <CommentBox url="/api/comments" />,
  document.getElementById('content')
);
这意味着从服务器获取的数据会根据参数而变化

需要传递给REST API的参数以以下方式位于当前URL的路径中:

/api/resource/parametervalue
/mywebsite/dynamicparameter
一种方法是使用javascript获取url参数:

var pathArray = window.location.pathname.split( '/' );
var lastParameter = pathArray.pop();
var url = "/api/resource/"+lastParameter;
并将该url变量传递给组件:

ReactDOM.render(
  <CommentBox url={url} />,
  document.getElementById('content')
);
ReactDOM.render(
,
document.getElementById('content')
);
我已经调查过了,但我不确定这对解决这个问题是否真的有帮助


用参数表示和定义React组件数据url的最佳和最优雅的方式是什么?有解决方案吗?

你是说,
?@David Tryon是的,这正是我的意思。那么,你是在问如何从url获取动态参数吗?或者如何使
CommentBox
属性
url
动态化?@David Tryon基本上我都在问。有ofc不同的解决方案可以从URL获取动态参数,但我想知道是否有React解决方案可以代替普通的javascript。另一个问题是如何使组件属性url动态?您的意思是类似于,
?@David Tryon是的,这正是我的意思。那么,您是在问如何从url获取动态参数吗?或者如何使
CommentBox
属性
url
动态化?@David Tryon基本上我都在问。有ofc不同的解决方案可以从URL获取动态参数,但我想知道是否有React解决方案可以代替普通的javascript。另一个问题是如何使组件属性url动态