Retrieve a particular value from Rest Api using react js

Question

I have a Rest Api from which I have to retrieve the value which is after clusters in links->href which is '00000000000000000000000000000000'. so how to get that particular value?

[{
"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]) — Sojin Antony
– Sojin Antony, Commented Dec 15, 2021 at 6:11

Onkar Kole · Accepted Answer · 2021-12-15 06:40:01Z

0

useParams .

useParams returns an object of value pairs of URL parameters.

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;

answered Dec 15, 2021 at 6:40

Onkar Kole

1,3552 gold badges10 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Retrieve a particular value from Rest Api using react js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related