React Native ListView列表多个数据源和状态机,取值,刷新状态机
来源:互联网 发布:谈谈你的php面试经历 编辑:程序博客网 时间:2024/06/16 01:47
constructor(props) { super(props); this.dataSource = Array(2).fill( new ListView.DataSource({ /*判断这两行是否相同,就是是否发生变化,决定渲染哪些行组件,避免全部渲染,提高渲染效率*/ rowHasChanged: (oldRow, newRow) => { return oldRow !== newRow } }) ); this.state = {//状态机变量声明, selectTab: 0, listParams: Array(2).fill({ dataArray: [], listState: CommonListView.STATE_INIT, enableLoadMore: false, pageNum: 1, }), searchParams: Array(2).fill({ searchText: '', isHighlightFilter: false }), }; }
componentDidMount() { this.setSearchParams({searchText: 'searchText', isHighlightFilter: true}) this.dataSource[this.state.selectTab] = this.dataSource[this.state.selectTab].cloneWithRows(newArray);}
<ListView dataSource={this.dataSource[this.state.selectTab]}></ListView>
setSearchParams(obj = {}, callBack) { let newSearchParams = this.state.searchParams; newSearchParams[this.state.selectTab] = Object.assign({}, newSearchParams[this.state.selectTab], obj); this.setState({ // 重写setState, 刷新状态机 searchParams: newSearchParams }, callBack && callBack()) }
阅读全文
0 0
- React Native ListView列表多个数据源和状态机,取值,刷新状态机
- React Native 初始化state 状态机
- React/React Native之状态机原理
- React Native 多个列表共用一个ListView
- 从零学React Native之02状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- 状态机
- Android.mk入门到精通(001)——Android.mk 文件语法详解:神文
- Android 5.1高通方案增加按键
- Xgboost参数调优的完整指南及实战
- 大数相加
- 服务器配置时钟服务客户端(咋个办呢 zgbn)
- React Native ListView列表多个数据源和状态机,取值,刷新状态机
- HttpURLConnection与HttpClient 区别及联系
- 前端代码优化流程
- Advanced System Optimizer(金牌Windows系统优化工具)官方中文注册版V3.9.3645.16880下载 | 内置advanced system optimizer 激活码
- 添加<mvc:default-servlet-handler/>后,静态资源可以访问,Controller不能访问。
- python+selenium 定位到元素,无法点击
- Windows下编译OpenSSL
- vue和angular
- Session共享