如何使实用程序 class 或功能组件公开一些常用的实用程序方法

Question

我是 ReactJs 的新手。我非常了解其他 OOP 语言，例如 Java、C++ 等。这就是为什么我试图找到 OOP 和 ReactJs 之间的相似之处。正如我们在 Java 中所做的那样，我们制作了一个静态实用程序 class 来公开一些在整个应用程序中使用的通用功能。

我如何在 ReactJs 中做到这一点？我的场景就像我在与数据库通信的 Reactjs 中由 Axios 完成的 CURD 方法很少。我需要几个组件中的所有 CURD 方法。所以我想制作 CurdApi.js 并将所有常见的 CURD 放在那里。后来我从其他组件调用它们。可以在 Reactjs 中做吗？我可能的凝乳 API 是这样的：-

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

这些是假设的 CURD，可能无法纠正 ReactJs 语法。我想将它们添加到实用程序 class 或功能组件中以在整个 ReactJs 应用程序中重用。有什么办法吗？

Answer 1

你完全可以将它们添加到一个js文件中，然后将它们导入到你想要的组件中。你可以让你的方法像这样静态。

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);

如何使实用程序 class 或功能组件公开一些常用的实用程序方法

How to make utility class or functional component to expose few common utility methods

javascript

utility-method

reactjs

axios