React App使用Node Fetch获取数据

Question

我正在使用Create-React-App入门应用程序来解决问题。 我想测试使用节点获取来获取数据，但它似乎不起作用。 我能够让它与axios一起工作。

我得到的错误是：./~/encoding/lib/iconv-loader.js中的警告关键依赖关系：9：12-34依赖的请求是表达式@ ./~/encoding/lib/iconv- loader.js 9：12-34

它在webpack中似乎是一个错误：///./~/react-scripts/~/react-dev-utils/webpackHotDevClient.js？

我还得到一个错误：无法加载资源：net :: ERR_CONNECTION_TIMED_OUT，看起来fetch在发送请求时将端口附加到url： http ：//codepen.io：3000 / jobs.json

码：

import React from 'react'
import NodeFetch from 'node-fetch' 

class NodeFetchData extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      jobs: []
    };
  }


  componentDidMount() {

    NodeFetch('http://codepen.io/jobs.json')
    .then(res => {
      this.setState({ jobs:res.data.jobs });
    });
  }

  render() {
    return (
      <div>
        <ul>
          {this.state.jobs.map(job =>
            <li key={job.hashid}>{job.company_name}</li>
          )}
        </ul>
      </div>
    );
  }
}

export default NodeFetchData;

Answer 1

我建议你使用https://github.com/github/fetch ，这是非常标准的，事实上这最近被添加为react @15.4中的peer。

对于更复杂的案例（如多个文件上传等）， superagent变得更好！