Question

我希望在React应用程序中发出http请求，并想知道最好的方法是什么。我知道在Angular中你可以使用$http.get，所以像：

$http.get('API').success(function(data) {...

但是我可以在React App中为同一目的使用什么。像Axios这样的东西会起作用吗？

请原谅我的无知，这里的新手。

Answer 1

结帐window.fetch。它有一个非常好用的API。它是一个fetch函数，现在在全局窗口范围内提供。

如果您想支持未实施fetch的浏览器。尝试从github https://github.com/github/fetch

这样的polyfill

这是一个简单的例子

// url (required), options (optional)
fetch('/some/url', {
    method: 'get'
}).then(function(response) {
    if (response.ok) {
        return response.json()
    }
}).then(function(json) {
    console.log(json)
    // set your state, your props, your child context do whatever you want
    // with the json
    // this.setState({ data: json })
}).catch(function(err) {
    // Error :(
})

这是一个很棒的tutorial

以下是spec

Answer 2

您可以使用JQuery库的ajax方法或Superagent等特定库。对于Superagent，只需使用npm进行安装，例如npm i superagent --save，然后发出http请求，例如：

request
   .get('/search')
   .end(function(err, res){
       // function body
   });

Here是完整的文档。

我可以在React应用程序中使用什么作为Angular的$ http.get的等价物

2 个答案: