• Szerző: Sallai András
• Copyright © Sallai András, 2023
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

npx create-react-app app01
code app01

npm install axios

src/services/api.js

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

Vezessük be a employeeList objektumot:

src/pages/Emplyoees.js

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:

src/pages/Emplyoees.js

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.