当前位置: 首页 > news >正文

房产网站建设接单网站上做旅游卖家要学什么软件

房产网站建设接单,网站上做旅游卖家要学什么软件,建设银行申请信用卡网站首页,用营销的方式介绍自己我想当然地认为只要dataSource改变#xff0c;那么Table组件就会重新渲染#xff0c;但是有一种特殊情况例外#xff1a;在onFilter()中不写筛选条件#xff0c;在调用filterDropdown进行列筛选的时候#xff0c;通过handleSearch改变/保存dataSource的状态#…我想当然地认为只要dataSource改变那么Table组件就会重新渲染但是有一种特殊情况例外在onFilter()中不写筛选条件在调用filterDropdown进行列筛选的时候通过handleSearch改变/保存dataSource的状态此时Table重新渲染但是拿的不是dataSource{xxx}而是拿的filterDropdown中的onFilter()中的dataSource而onFilter中是没有写代码的所以返回暂无数据。 PS解释下我不在onFilter()中写代码的原因因为我已将dataSource保存到state中所以需要setState去更改dataSource数据但是onFilter()方法是在componentDidUpdate()周期调用的所以setState会报错所以我想到了在onClick中setState但这样console.log出来dataSource更改了但是table显示暂无数据。 示例代码 handleSearch(){  this.setState({dataSource:dataSourceB})}getColumnSearchProps  (dataIndex)  ({    filterDropdown: ({      setSelectedKeys, selectedKeys, confirm, clearFilters,    })  (      div        Input          value{selectedKeys[0]}          onChange{e  setSelectedKeys(e.target.value ? [e.target.value] : [])}          onPressEnter{()  this.handleSearch(selectedKeys, confirm)}        /        Button          onClick{()  this.handleSearch(selectedKeys, confirm)}                  Search        /Button      /div    ),    //筛选条件没有写代码所以没有数据返回所以是暂无数据    onFilter: (value, record) {  },  })render{  return(    Table      column{ [{...this.getColumnSearchProps(name)}}      dataSource{dataSourceA}      ) }复制代码 示例代码地址ant.design/components/… 列筛选逻辑的流程图如下 onFilter()的源码  getLocalData(state?: TableStateT | null, filter: boolean  true): ArrayT {    const currentState: TableStateT  state || this.state;    const { dataSource }  this.props;    let data  dataSource || [];    // 优化本地排序   //就是这行代码通过slice另开内存来保存dataSource    data  data.slice(0);    const sorterFn  this.getSorterFn(currentState);    if (sorterFn) {      data  this.recursiveSort(data, sorterFn);    }    // 筛选    if (filter  currentState.filters) {      Object.keys(currentState.filters).forEach(columnKey  {        const col  this.findColumn(columnKey) as any;        if (!col) {          return;        }        const values  currentState.filters[columnKey] || [];        if (values.length  0) {          return;        }        const onFilter  col.onFilter;        data  onFilter          ? data.filter(record  {              return values.some(v  onFilter(v, record));            })          : data;      });    }    return data;  }复制代码 onFilter()的源码地址github.com/ant-design/… 完
http://wiki.neutronadmin.com/news/179617/

相关文章:

  • 网站网页区别是什么西安建设高端网站
  • 成都网站建设网络公司asp.net.做简单的网站
  • 谷歌推广网站seo海外运营
  • 找专业公司做网站梅州网站建设公司
  • 怎么做高端网站网站建设高端培训
  • 怎样免费做书画网站网站备案要多少钱
  • 哪个网站做外贸的多智能小程序开发者工具
  • 前端是做网站吗wordpress WP-Wiki
  • 兰州企业网站制作网站上面的内容里面放照片怎么做的
  • 免费网站在线观看人数在哪wordpress 发布慢
  • 制作网页与网站开发网站视频怎么做的好处
  • wordpress 社交网站吗2018建设一个网站需要什么
  • dw做的网站建筑工程信息网站
  • 公司门户网站是什么手机和电脑网站分开做
  • 临沂专业网站建设设计公司智慧团建网站登录密码
  • 网站怎么做友链为什么搜索不到刚做的网站
  • 江西省城乡建设培训中心网站温州网站建设设计
  • 深圳住房和建设局网站全景看房信盈达嵌入式培训多少钱
  • 影视视频网站怎么做网站建设报价
  • 电子邮箱网站注册哈尔滨市公共资源交易中心
  • 风中有朵雨做的云电影网站网站建设工程师职责说明书
  • 郑州网站模板1核2g 做网站
  • 网站建设的公河南省今天刚刚人事调整最新
  • 网站子站建设中国建设行业峰会网站
  • 移动商务网站开发课程山西利用模板建站
  • 济南国迅网站建设公司怎么样百度网站优化
  • 福建省闽侯县建设局网站制造业小程序网站开发
  • 企业网站推广方案wordpress客户端 接口
  • 百度网站收录提交入口在哪photoshop基础入门教程
  • 营销型公司网站如何帮人做网站赚钱