React-Native 填坑之ListView(item更新)
一 背景 效果图如下: 二 解决办法 具体代码如下: /** *数据源 **/
getListData() {
var dataSource = [
{
"bankId": 1,"bankName": "建设银行","bankType": "存储卡","bankNum": "**** **** **** 5745","code": "jsyh"
},{
"bankId": 2,"bankName": "工商银行","bankNum": "**** **** **** 5845","code": "gsyh"
}
];
return dataSource;
}
/** *点击Item时调用的方法 **/
onPressRow(rowData,sectionID,rowID) {
let newData = this.getListData();
newData[rowID].isSelected = !newData[rowID].isSelected;//重点在这里,给数据源动态添加一个isSelected属性。
this.setState({
selectIndex: rowData.bankId,dataSource: this.state.dataSource.cloneWithRows(newData)
});
}
注意 import _ from 'lodash';//导入
let newData =_.cloneDeep(this.data);//这里就是关键了,深拷贝
三 结束语 当然这种情况解决办法有很多,网上提供了些更好的方法,我这里只是拙见,希望大家多多提意见。另外,React Native之旅坑很多,选择这条路,注定要不断的跳,不断的填,希望大家坚持。谢谢各位! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |