API Integration In React

To used API Implementation you can used fetch() or axios() library.

1. Using axios()

npm install axios

  const [floors, setFloor] = useState([]);
  useEffect(() => {
    async function fetchData() {
      const request_data = await axios.get(`${baseUrl}/api/res/floor/`);
      setFloor(request_data.data);
      return request_data;
    }
    fetchData()

  }, [])

// then you can show data like
<div id="content" className="d-flex">
 {floors.map((floor, index) => (<>
        <p>hello</p>
         <p key={floor.uuid}>{floor.name}</p>
        </>))}
</div>