< React

React - Szolgáltatás

Szerző: Sallai András

Copyright © Sallai András, 2023

Licenc: CC Attribution-Share Alike 4.0 International

Web: https://szit.hu

Projekt készítése

npx create-react-app app01
code app01

api.js szolgáltatás

npm install axios

import axios from 'axios'; export const getPost = () => { return axios.get(`https://jsonplaceholder.typicode.com/todos`); }

Employees.js

Vezessük be a employeeList objektumot:

import { useState } from "react"; const Employees = () => { const [employeeList, setEmployeeList] = useState(); return ( <div class="container"> <h1>Dolgozók</h1> </div> ); }; export default Employees;

Kérjük le a dolgozók adatait:

import { useEffect, useState } from "react"; import { getEmployees } from "../services/api"; const Employees = () => { const [employeeList, setEmployeeList] = useState(); useEffect(() => { getEmployees().then(res => setEmployeeList(res.data)) }, []); return ( <div class="container"> <h1>Dolgozók</h1> </div> ); }; export default Employees;

A get() metódus egy Promise-t ad vissza, így futtatjuk rajta a then() függvényt.