استفاده از کامپوننت تابعی یا کلاسی یا هیچکدوم؟

سلام

یه زمانی ما نیاز داریم چند تا تابع برای کارهای مختلف داخل یه فایل بنویسیم و نیازه اونا رو جداگانه export کنیم این کار انگار داخل توابع کامپوننت امکان پذیر نیست و اگه بخواهیم این کد ها رو داخل کامپونتت کلاسی نویسیم میگن که تقریبا منسوخ شده 

بنظرتون اشکال داره مثل کد زیر این توابع رو بیرون از کامپونتت نوشت؟ 

اصلا موضوعی که بیان کردم درست؟

import axios from 'axios';
import React from 'react'

const getData = () => {
    return axios.get('http://localhost:3000/posts')
        .then(response => response.data)
        .then(data => console.log(data))
        .catch(error => console.log(error))
}

const postData = (data: any) => {
    return axios.post('http://localhost:3000/posts', data).then(response => response.data).then(data => data)
}

const putData = (data: any) => {
    return axios.put('http://localhost:3000/posts', data).then(response => response.data).then(data => data)
}

const deleteData = () => {
    return axios.delete('http://localhost:3000/posts').then(response => response.data).then(data => data)
}

export { getData, postData, putData, deleteData }