av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 為什么這種情況state改變不刷新頁面?

瀏覽:87日期:2024-02-20 08:01:59

問題描述

先說背景:頁面上是一個巨大的flatlist,里面有3個item,我在第三個item內(nèi)部的最下面也就是整個外層flatlist的最下面有一個flatlist,這個flatlist加載的是state中的數(shù)據(jù),需要做上拉加載功能,因為內(nèi)部的flatlist拿不到下拉事件,所以我在最外層寫了上拉加載的方法,獲取到數(shù)據(jù)放到state中,這樣就改變了里面的數(shù)據(jù)。但是,雖然state變了,頁面卻沒刷新。后臺打印確定state改變了

上個簡要的代碼

constructor(props) {super(props)this.state = { data: [{'key': 1}, {'key': 2}, {'key': 3}],}this._changeData = this._changeData.bind(this); } _changeData(){this.setState({ data :[{'key': 1}, {'key': 2}, {'key': 3},{'key': 4},{'key': 5}],}) } _renderItem = ({item}) => {switch (item.key) { case 1:return ( <View><Text style={{height: 200}}>1111</Text> </View>); case 2:return ( <View><Text style={{height: 200}}>ke2222y2</Text> </View>); case 3:return ( //這個flatlist需要做上拉加載 <FlatListdata={this.state.data} renderItem={({item}) => <View style={{height: 200}}><Text>{item.key}</Text></View>} />)} } render() {const {navigate} = this.props.navigation;let user = {’name’: ’zy’, age: 18}return ( <View><Text onPress={() => navigate(’Two’, {user: user})}>Home</Text><FlatList data={[{'key': 1}, {'key': 2}, {'key': 3}]} renderItem={this._renderItem} onEndReached={this._changeData} onEndReachedThreshold={0.3}/><Text onPress={() => navigate(’Two’, {user: user})}>Home</Text> </View>) }

我寫的這個demo是可以實現(xiàn)的但是白天在項目里,那個數(shù)據(jù)是從網(wǎng)絡(luò)獲取過來的一個數(shù)組我用一個新的數(shù)組a把state里的數(shù)組放進去,再把拿過來的數(shù)組也放進去,最后把這個數(shù)組a賦值給state但發(fā)現(xiàn)并沒有變化,頁面沒有刷新

問題解答

回答1:

順便問一下有什么更好的方法

回答2:

你只能通過setState去觸發(fā)render。

this.setState({ data: anotherData})

不能通過直接賦值去觸發(fā)

this.state.data = anotherData

雖然不知道你真正實現(xiàn)是怎樣的,但我估計你用了后者這種方式。

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 久久99精品久久久久久国产越南 | 99精品免费久久久久久久久日本 | 久久久久国产一区二区三区四区 | 中文字幕在线第一页 | 欧美激情一区二区 | 国产一区二区三区在线 | 日韩欧美在线视频 | 成人一级黄色毛片 | 亚洲国产欧美日韩 | a级在线观看 | 日本欧美在线 | 一区二区在线不卡 | 亚洲日韩中文字幕一区 | 一区二区三区国产 | 99av成人精品国语自产拍 | 中文字幕第100页 | 精品国产99 | 亚州中文字幕 | 精品国产欧美 | 91av视频在线播放 | 四虎影院美女 | 亚洲人成一区二区三区性色 | 伊人久久大香线 | 中日av | 久久免费资源 | 精品久久久久久亚洲综合网 | www.男人天堂.com | 美女久久| 亚洲精品91 | 国产精品久久久久久久模特 | 免费在线观看一区二区三区 | 亚洲一区中文字幕 | 久久伊人青青草 | 免费观看黄色片视频 | 黄色欧美在线 | 欧美日韩国产一区二区三区 | 欧美美女爱爱 | h片在线免费看 | 亚洲视频区| 男人久久天堂 | 久久久久亚洲 |