0

我是 ReactJs 的新手。我对其他 OOP 语言（如 Java、C++ 等）有很好的了解。这就是为什么我试图找到 OOP 和 ReactJs 之间的相似之处。正如我们在 Java 中所做的那样，我们创建了一个静态实用程序类来公开一些在整个应用程序中使用的常见功能。

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

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

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

4

1 回答 1

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);
于 2020-02-29T10:15:15.747 回答