Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使实用类或功能组件公开一些常用的实用方法_Javascript_Reactjs_Axios_Utility Method - Fatal编程技术网

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

Javascript 如何使实用类或功能组件公开一些常用的实用方法,javascript,reactjs,axios,utility-method,Javascript,Reactjs,Axios,Utility Method,我是新手。我对其他OOP语言有很好的了解,比如java、C++等等。这就是为什么我试图在OOP和ReaTjs之间找到相似之处。正如我们在Java中经常做的那样,我们创建了一个静态实用程序类来公开应用程序中使用的一些常见功能 我如何在ReactJs中完成它?我的场景就像Axios在Reactjs中使用了一些CURD方法,它与数据库通信。我需要几个组件中的所有凝乳方法。所以我想制作CurdApi.js并把所有普通的凝乳放在那里。后来我从其他组件调用它们。在Reactjs中可以这样做吗?我可能的凝乳A

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

我如何在ReactJs中完成它?我的场景就像Axios在Reactjs中使用了一些CURD方法,它与数据库通信。我需要几个组件中的所有凝乳方法。所以我想制作CurdApi.js并把所有普通的凝乳放在那里。后来我从其他组件调用它们。在Reactjs中可以这样做吗?我可能的凝乳API如下所示:-

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

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

您完全可以将它们添加到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);