https://github.com/kriasoft/react-starter-kit
我有一个后端API服务器正在运行,我正在寻找一个前端框架。然后我遇到了这个反应启动-工具包,似乎是一个很好的候选人。
我的理解是,我处理的是一次一个反应组件。我可以将所有的代码逻辑,如API调用,DOM元素changes....etc放在componentDidMount()中,这样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;这是我试图破解的react组件的原始代码。我尝试包括“请求”模块,以便我可以发出http请求。
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‘
发布于 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的链接。
https://stackoverflow.com/questions/30414339
复制相似问题