首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >响应初学者工具包与RESTful后端API服务的通信

响应初学者工具包与RESTful后端API服务的通信
EN

Stack Overflow用户
提问于 2015-05-23 15:18:32
回答 1查看 3.4K关注 0票数 1

https://github.com/kriasoft/react-starter-kit

我有一个后端API服务器正在运行,我正在寻找一个前端框架。然后我遇到了这个反应启动-工具包,似乎是一个很好的候选人。

我的理解是,我处理的是一次一个反应组件。我可以将所有的代码逻辑,如API调用,DOM元素changes....etc放在componentDidMount()中,这样DOM和逻辑之间就会有交互。(我说得对吗)

代码语言:javascript
运行
复制
import React, { PropTypes } from 'react'; // eslint-disable-line no-unused-vars
import styles from './ContactPage.less'; // eslint-disable-line no-unused-vars
import withStyles from '../../decorators/withStyles'; // eslint-disable-line no-unused-vars

@withStyles(styles)
class ContactPage {

  static contextTypes = {
    onSetTitle: PropTypes.func.isRequired
  };

  render() {
    let title = 'Contact Us';
    this.context.onSetTitle(title);
    return (
      <div className="ContactPage">
        <div className="ContactPage-container">
          <h1>{title}</h1>
          <p>...</p>
        </div>
      </div>
    );
  }

}

export default ContactPage;

这是我试图破解的react组件的原始代码。我尝试包括“请求”模块,以便我可以发出http请求。

代码语言:javascript
运行
复制
var request = require('request');  // for backend API calls

componentDidMount() {
    request('https://www.google.com')
}

它没有起作用。我在这里做错了什么?谢谢。

错误消息很长,从下面的消息开始。

未找到./~/请求/lib/har.js模块中的错误:错误:无法解析/Users/ssmlee04/Desktop/react-starter-kit/node_modules/request/lib @ ./~/request/lib/har.js 3:9-22中的模块'fs‘

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-23 19:13:36

Request.js是节点的库。它不适合在浏览器中使用。这就是您看到错误module fs not found的原因。fs是节点js的文件系统模块。

由于您已经在使用ES6,所以我建议使用fetch (https://fetch.spec.whatwg.org/)向远程服务器发出请求。它已经被chrome和firefox所支持。若要与旧浏览器兼容,可以使用github中的提取填充。这里是到回购https://github.com/github/fetch的链接。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30414339

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档