Reactjs React starter kit与RESTful后端API服务的通信

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

我的理解是，我一次处理一个组件。我可以在componentDidMount中放置所有代码逻辑，如API调用、DOM元素更改等，这样DOM和逻辑之间就会有交互。我说得对吗

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;

它不起作用。那么我做错了什么？谢谢

错误消息很长，从以下消息开始

./~/request/lib/har.js中出现错误 未找到模块：错误：无法解析/Users/ssmlee04/Desktop/react starter kit/node_modules/request/lib中的模块“fs”

---

@./~/request/lib/har.js 3:9-22

request.js是节点的库。它不打算在浏览器中使用。这就是为什么您会看到错误模块fs未找到。fs是node js的文件系统模块

---

由于您已经在使用ES6，我建议使用fetch向远程服务器发出请求。chrome和firefox已经支持它。要与旧浏览器兼容，可以使用从github获取polyfill。这里是到repo的链接。

Request.js是节点的库。它不打算在浏览器中使用。这就是为什么您会看到错误模块fs未找到。fs是node js的文件系统模块

---

由于您已经在使用ES6，我建议使用fetch向远程服务器发出请求。chrome和firefox已经支持它。要与旧浏览器兼容，可以使用从github获取polyfill。这是到回购的链接。

请求做什么？它必须是异步的，所以我不确定您希望它做什么？生成http GET POST PUT请求。即使是jqueryajax也可以，我不知道如何把这些东西放在一起……好吧，但是您没有指定请求成功时应该做什么。您需要处理成功事件，然后通过this.setState将请求中的数据传递到组件的状态，以便组件能够使用您检索到的任何数据进行更新。是的，我将在没有错误消息但现在我只看到大量错误的情况下链接成功。我建议阅读一些有关使用的教程使用Ajax对JS进行响应。您缺少几个关键点。请求的作用是什么？它必须是异步的，所以我不确定您希望它做什么？生成http GET POST PUT请求。即使是jqueryajax也可以，我不知道如何把这些东西放在一起……好吧，但是您没有指定请求成功时应该做什么。您需要处理成功事件，然后通过this.setState将请求中的数据传递到组件的状态，以便组件能够使用您检索到的任何数据进行更新。是的，我将在没有错误消息但现在我只看到大量错误的情况下链接成功。我建议阅读一些有关使用的教程使用Ajax对JS进行响应。你遗漏了几个关键点。这是我不明白的。从我从node_模块导入React的原始代码判断。所以我想我可以用请求模块做同样的事情？我使用了browserify btw。是的，你可以，但是browserify不知道如何解析fs，因为这是node提供的一个模块，它不在request.js的package.json中。有道理吗？这是我不明白的。从我从node_模块导入React的原始代码判断。所以我想我可以用请求模块做同样的事情？我使用了browserify btw。是的，你可以，但是browserify不知道如何解析fs，因为这是node提供的一个模块，它不在request.js的package.json中。有道理？

var request = require('request');  // for backend API calls

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