Javascript React JS:使用动态参数从REST服务器获取数据
我构建了一个小的React组件,它通过ajax调用从REST服务获取json数据 在中,您可以将组件数据属性更改为url,从中可以获取数据: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
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动态