React应用程序使用节点提取获取数据

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 ？

我也得到一个错误，指出：无法加载资源：净:: ERR_CONNECTION_TIMED_OUT，它看起来像取发送请求时，附加的端口的网址：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）。

对于更复杂的情况下（如多个文件上传等）superagent进展顺利！