使用 react js 从 Rest Api 中检索特定值

Posted 2023-02-15

【中文标题】使用 react js 从 Rest Api 中检索特定值

【英文标题】：Retrieve a particular value from Rest Api using react js

【发布时间】：2022-01-18 08:45:32

【问题描述】：

我有一个 Rest Api，我必须从中检索位于 links->href 中的集群之后的值，即“000000000000000000000000000000000”。那么如何获得该特定值？

[
"analysisUnits": [
  
    "links": [
      
        "href": "http://127.0.0.1/api/v1/clusters/00000000000000000000000000000000/aus/e6ec00e6da1c46c2a1060b3b8ae54765",
        "rel": "self"
      
    ],
    "name": "OZL6106W",
    "uuid": "e6ec00e6da1c46c2a1060b3b8ae54765"
  
],
"links": [
  
    "href": "http://127.0.0.1/api/v1/clusters/00000000000000000000000000000000",
    "rel": "self"
  
],
"name": "MTS Recording Cluster",
"recordingUnits": [],
"uuid": "00000000000000000000000000000000"]

【问题讨论】：

const link = data[0].links[0].href.split('/');console.log(link[link.length - 1])

这里的数据[0]是什么？

将 JSON 分配给数据变量

将在答案中发布

不要忘记投票和标记答案。如果任何解决方案都有效

【参考方案1】：

使用参数 .

useParams 返回 URL 参数值对的对象。

import React from "react";
import 
BrowserRouter as Router,
Switch,
Route,
useParams,
 from "react-router-dom";

function BlogPost() 
let  id  = useParams();
return <div style= fontSize: "50px" >
        Now showing post id
        </div>;


function Home() 
return <h3>home page </h3>;


function App() 
return (
    <Router>
    <Switch>
        <Route path="/page/:id">
        <BlogPost />
        </Route>
        <Route path="/">
        <Home />
        </Route>
    </Switch>
    </Router>
);


export default App;