cannot read property 'then' of undefined

来源:15-4 webpack3 升级配置文件

xy36

2017-11-22

http://img.mukewang.com/szimg/5a14ec89000174b013940362.jpg

fetch/get.js文件

import 'whatwg-fetch'
import 'es6-promise'

export function get(url) {
   var result = fetch(url, {
       credentials: 'include',
       headers: {
           'Accept': 'application/json, text/plain, */*'
       }
   });

   return result;
}

fetch/home/home.js文件

import { get } from '../get'

export function getAdData(){
  const result=get('/api/homead');
   return result
}

export function getListData(city,page) {
   const result=get('/api/homelist/'+encodeURIComponent(city)+'/'+page);
   return result
}













container/Home/Subpage/Ad.jsx文件

import React from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin'
import HomeAd from '../../../components/HomeAd/index'

import { getAdData } from '../../../fetch/home/home'


class Ad extends React.Component{
   constructor(props,context) {

       super(props, context);
       this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
       this.state={
           data:[]
       }
   }





   render(){
       return(
           <div>
               {
                       this.state.data.length
                       ?<HomeAd data={this.state.data}/>
                       :<div>加载中...</div>
               }
               </div>
       )
   }

   componentDidMount(){
       const result=getAdData();
       console.log(result);
       result.then(res => {
           return res.json()
       }).then(json => {
           // console.log(json)
           const data=json;
           if(data.length){
               this.setState({
                   data:data
               })
           }
       }).catch(ex =>{
           //发生错误
           if(__DEV__){
               console.log('首页广告模块获取数据报错,',ex.message);
           }
       })
   }

}

export default Ad

写回答

4回答

xy36

提问者

2017-11-23


那个用'/api/homelist/'+encodeURIComponent(city)+'/'+page请求有数据,就是图片按最后那个升级教程改了,还是没显示出图片

//img.mukewang.com/szimg/5a168e3e00018c9b25580484.jpg

0
1
双越
如果看了升级教程并做了相应修改,那么图片的链接不可能还有 images2015.cnblogs.com
2017-11-23
共1条回复

xy36

提问者

2017-11-22


报了很多错

//img.mukewang.com/szimg/5a154d420001ee5906520978.jpg

//img.mukewang.com/szimg/5a154d430001935c14161172.jpg

0
2
双越
另外,你先下载我的代码运行一下,看看是不是也有你这些报错。然后对比你的代码看一下。
2017-11-23
共2条回复

xy36

提问者

2017-11-22


//img.mukewang.com/szimg/5a154cce0001364613780724.jpg

对了,我是在自己mac pro上的webstorm软件上开发的。是不是还要配置什么服务器或其他环境.


0
1
双越
你得找到这个请求的 url ,例如 localhost:3000/api/homelist/xxxxx/3 这样的。你看你截图中访问的地址是啥呀?根本不是一个 url 格式
2017-11-23
共1条回复

双越

2017-11-22

'/api/homelist/'+encodeURIComponent(city)+'/'+page

先看一下你这个网路请求 OK 不,用浏览器api地址看看 

0
0

React高级实战 打造大众点评Web App

已经对React Router4与Webpack2进行了项目升级

1711 学习 · 707 问题

查看课程