Как создать служебный класс или функциональный компонент, чтобы показать несколько распространенных служебных методов

Question

Я новичок в ReactJs. Я хорошо знаю другие OOP языки, такие как Java, C ++, et c. Вот почему я пытаюсь найти сходство между OOP и ReactJs. Как мы всегда делаем в Java, мы создаем служебный класс stati c, чтобы показать несколько общих функций, которые используются во всем приложении.

Как мне это сделать в ReactJs? Мой сценарий похож на то, что у меня есть несколько методов CURD, выполненных Ax ios в Reactjs, который взаимодействует с базой данных. Мне нужны все методы CURD в нескольких компонентах. Поэтому я хотел бы сделать CurdApi. js и поместить туда все обычные CURD. Позже я позвоню им из других компонентов. Можно ли это сделать в Reactjs? Мои возможные творожные API выглядят так: -

function postPhoto(selectedFile)
function postData(data)
function photo getPhoto()
function data getData()

Это гипотетическая CURD, которая может не корректировать синтаксис ReactJs. Я хочу добавить их в служебный класс или функциональный компонент для повторного использования во всем приложении ReactJs. Есть ли способ сделать это?

Answer 1

Вы определенно можете добавить их в файл js и импортировать их в нужный компонент. Вы можете использовать ваши методы как stati c следующим образом.

export default class MyUtility {
    static postPhoto(selectedFile) {
        return true;
    }

    static postData(data) {
        return true;
    }

    static getPhoto() {
        return photo;
    }

    static getData() {
        return data;
    }
}

И использовать их в компоненте:

import MyUtility from '../../Common/myUtility';

let result = MyUtility.postPhoto(mySelectedFile);