How to get specific data from json in reactjs?

Copy 
1import React, { useState, useEffect } from "react";
2import "./styles.css";
3
4export default function App() {
5  const [sampleObject, setSampleObject] = useState({});
6
7  useEffect(() => {
8    let sampleObject = {
9      id: 1,
10      name: "infinitbility"
11    };
12    setSampleObject(sampleObject);
13  }, []);
14
15  return (
16    <div className="App">
17      <h1>Hello {sampleObject.name}</h1>
18      <h2>Coding feels like fuel for my life!</h2>
19    </div>
20  );
21}

Copy 
1import React, { useState, useEffect } from "react";
2import "./styles.css";
3
4export default function App() {
5  const [sampleObject, setSampleObject] = useState({});
6
7  useEffect(() => {
8    let sampleArray = [
9      {
10        id: 1,
11        name: "infinitbility",
12        domain: "infinitbility.com"
13      },
14      {
15        id: 2,
16        name: "aGuideHub",
17        domain: "aguidehub.com"
18      }
19    ];
20    let sampleObject = sampleArray.find(e => e.id == 2);
21    setSampleObject(sampleObject);
22  }, []);
23
24  return (
25    <div className="App">
26      <h1>Hello {sampleObject.name}</h1>
27      <h2>Coding feels like fuel for my life!</h2>
28    </div>
29  );
30}