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

自己建网站做外贸泉州关键词优化

自己建网站做外贸,泉州关键词优化,湖北省建设厅网站a群,甘肃省建设工程安质局网站我想当然地认为只要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/5612/

相关文章:

  • 莱芜网站建设价格网站内容需要备案吗
  • 网站平台都有哪些wordpress主题分享
  • 网站后台开发需求网站建设尺寸
  • python做网站感觉好费劲电商网站建设与运营实训
  • 西安网站seo合肥微信网站制作
  • 农村建设网站的重要性服装网站建设需求分析报告
  • 三明网站seowordpress wap模板
  • 城阳做网站找哪家信息网站设计方案
  • 最好的素材网站展示类网站模板
  • 做网站责任wordpress可以建哪些网站吗
  • 外国炫酷网站网站建设服务商排名
  • 网站转化分析wordpress插件微信营销
  • 微信公众号授权给网站合肥网络推广服务公司
  • 怎么通过域名做网站室内设计师网上接单
  • 企业网站建设 租用服务器大同做网站
  • wordpress新站不收录32套网站后台管理系统模板
  • 网站建设交流推广求网站
  • 绿色大气网站广州办营业执照
  • 设计网站开发wordpress导入网站模板
  • 直播做ppt的网站贵阳市建设城乡规划局网站
  • 深圳市房屋管理局官方网站wordpress不支持附件
  • 宿州建设企业网站公司怎样在手机上面建设网站
  • 安卓网站客户端制作软件龙岩建设网站
  • 建设一个招聘网站大概多少费用商城网站建设需求文档
  • 网站建设技术方面网站页面架构图
  • 买机票便宜的网站建设怎样做网站表白墙
  • 做宠物网站需要实现什么功能网站后台字体安装
  • 一浪网站建设什么是网络推广
  • 娄底建设企业网站企业网站建设亮点
  • 电子商务网站建设规划开题报告简单的企业网页模板