视图改变问题
来源:
 
			oog
2017-03-19
老师你好,我在做第四章的根据选择timespan改变拿到trending 数据的模块,遇到了下面的问题。 我相应时间(url)的数据能够拿到,但是页面的视图并没有更新为相应的数据。代码如下,对了我是否更新的模块做到了util包里面,没有问题。
_load(timeSpan){
console.log('time Span****************'+ timeSpan.searchText)
this.setState({
isloading: true,
})
var url = this._getUrl(timeSpan, this.props.tabLabel)
this.dataUtil.fetchData(url)
.then((result)=>{
console.log('result:'+JSON.stringify(result)) //这边拿到了对应time span的数据
this.setState({
dataRepository:this.state.dataRepository.cloneWithRows(result.items),
})
               console.log(this.state.dataRepository)  //这边也变成了新的数据
}).catch(error=>{
console.log(error)
})
this.setState({ isloading: false, })
}
下面是Trending tab 完整代码
class TrendingTab extends Component{
    constructor(props){
        super(props)
        this.dataUtil = new DataUtil(FLAG_STORAGE.flag_trending)
        this.state={
            isloading: false,
            dataRepository : new ListView.DataSource({rowHasChanged: (r1, r2)=>r1 !== r2}),
        }
    }
    componentDidMount(){ //组件加载完毕后调用数据
        this._load(timeSpanTextArray[0])
    }
    //这个函数是 父组件有元素的改变影响子组件
    componentWillReceiveProps(nextProps){ //传递过来的是要改变的数据
        if(nextProps.timeSpan !==  this.props.timeSpan)
            this._load(nextProps.timeSpan)
    }
    onRefresh() {
        this._load(this.props.timeSpan);
    }
    selectItem(data){
        console.log(data)
        this.props.navigator.push({
            component: WebViewPage,
            params: {
                item: data,
                ...this.props
            }
        })
    }
    _load(timeSpan){
        console.log('time Span****************'+ timeSpan.searchText)
        this.setState({
            isloading: true,
        })
        var url = this._getUrl(timeSpan, this.props.tabLabel)
        this.dataUtil.fetchData(url)
            .then((result)=>{
                console.log('result:'+JSON.stringify(result))
                this.setState({
                    dataRepository:this.state.dataRepository.cloneWithRows(result.items),
                    //isloading: false,
                })
            }).catch(error=>{
                console.log(error)
        })
        this.setState({
            isloading: false,
        })
    }
    _getUrl(timeSpan,category){
        return DATAURL + category + '?' + timeSpan.searchText
    }
    _renderRow(items){
        return <TrendingCell
                data ={items}
                key={items.id}
                selectItem ={()=>this.selectItem(item)}
            />
    }
    render(){
        return (
            <View style={styles.container}>
                <ListView
                    dataSource={this.state.dataRepository}
                    renderRow={(data) => this._renderRow(data)}
                    refreshControl={
                        <RefreshControl
                            refreshing={this.state.isloading}
                            onRefresh={()=>this.onRefresh()}
                            colors={["#2196F3"]}
                            tintColor={"#2196F3"}
                            title={"努力加载中"}
                            titleColor={"#2196F3"}
                        />
                    }
                />
           </View>
        )
    }
}2回答
- 
				  CrazyCodeBoy 2017-03-24 将Cell中的: render(){ var data = this.state.data ... 改为var data = this.props.data试一下 00
- 
				  CrazyCodeBoy 2017-03-20 建议检查一下this.dataUtil.fetchData(url)返回的数据是和上次加载的相同 022017-03-21
相似问题
