代码之家 › 专栏 › 技术社区 › masiboo

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

utility-method axios reactjs javascript

0

masiboo · 技术社区 · 6 年前

我是ReactJ的新手。我对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()

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

1 回复 | 直到 6 年前

1

2

MMH 6 年前

你当然可以将它们添加到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);