React中的Javascript函数出现错误，但在普通HTML中工作

我的JS文件：

function getBlogInfo(){
url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api_key=my-api-key",
    dataType: 'jsonp',
    success: function(info){
      console.log(info);
      console.log(info.response.blog.likes);
    }
  }

 export getBlogInfo();

我的反应组件：

import React, { Component } from 'react';
import { getBlogInfo } from './scripts/apiCalls';

class Homepage extends Component {
       componentDidMount(){
        getBlogInfo();
      }
  render() {
    return (
      <div className="homepage">

      </div>
    );
  }
}

export default Homepage;

---

此脚本在正常HTML中不使用reactjs时工作。它应该在控制台中打印信息。

如果要返回对象，下面是返回对象的语法，要在其他文件中访问此函数，必须将其导出

export function getBlogInfo(){
  return {
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api_key=my-api-key",
    dataType: 'jsonp',
    success: function(info){
      console.log(info);
      console.log(info.response.blog.likes);
    }
  }
}

---

我很困惑-您的

getBlogInfo（）

函数块似乎不是有效的JavaScript；您缺少一个大括号，没有通过

fetch（）

或其他方式发送实际请求。我希望您正在尝试在那里编写ajax方法。您可能在getBlogInfo方法中错过了它。你能发布一下你用普通HTML写的东西吗？代码有点问题。我认为您缺少ajax代码。错误完全正确。感谢您的回答，我修复了ajax错误，现在得到一个新的错误-语法错误：意外标记，预期，（10:0）8}9}>10}^11}12}导出getBlogInfo（）；这不是导出功能吗？哪一行给了你例外？你能用新的错误更新你的问题吗？谢谢你的回答，原来是一个丢失的ajax调用，我现在已经修复了，但是出现了一个新的错误-语法错误：意外标记，预期，（10:0）8 |}9 |}>10 |}^11 | 12 |导出getBlogInfo（）；使用export关键字和函数定义访问其他文件中的函数

export function getBlogInfo(){
  return {
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api_key=my-api-key",
    dataType: 'jsonp',
    success: function(info){
      console.log(info);
      console.log(info.response.blog.likes);
    }
  }
}