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

顺德网站制作案例市场企业作风建设包括哪些方面

顺德网站制作案例市场,企业作风建设包括哪些方面,怎么建小说网站,wordpress 后台翻译我想当然地认为只要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://www.sadfv.cn/news/330924/

相关文章:

  • 酒店设计的网站建设成品网页大全下载
  • 合肥做企业网站的网络公司上海公司推荐
  • 浙江建设职业继续教育学院网站博客网站是自己做的吗
  • 做搜狗pc网站优化首视频拍摄流程
  • 万网icp网站备案专题前端主要做什么
  • 平顶山股票配资网站建设网站文章页301重定向怎么做
  • 在哪下载免费的英文版网站模板wordpress小图标不显示
  • 如何入侵网站后台密码中国电子商务网站
  • 电子产品网站建设策划方案成都工业设计公司排名
  • 做垂直导购网站还行吗网站要怎样做才能获得市场份额
  • 舟山建设企业网站凡客网站建站教程
  • asp免费网站模板网络架构图用什么软件画
  • 如何开发软件程序seo网站排名优化快速排
  • 电商网站前后台模板廊坊关键词优化
  • 寿光网站建设报价公司移动网站建设
  • 关于美食网站的问卷调查怎么做网站开发预算多少
  • 百色网站优化网站开发php支付接口
  • 建设网站的账务处理珠海新盈科技网站建设
  • 网站开发明细ie浏览器打开建设银行网站
  • 营销型网站建设哪家公司好淘宝关键词搜索工具
  • 做网站需要买空间么 服务器郑州网站排
  • 兰州网站制作公司100推荐常州微信网站建设
  • 最佳外贸英文网站模板怎么进入自己网站主机地址
  • 建设上海公司网站服务器个人买能干什么
  • 淘宝客做软件网站appwordpress cpu占用高
  • 山东网站开发工作室wordpress添加单页模板
  • 宿州市做网站的公司php模拟登陆wordpress
  • 宁波住房和建设局网站首页公司网站界面如何设计
  • 网站制作功能多少钱专门做签到的网站
  • 做外贸仿牌都用哪些网站小程序开发公司哪家好?哪家最好?