Ant Design 错误记录

Ant Design 错误记录

 

一： 标签页Tabs 

1：设置activeKey或defaultActiveKey，绑定默认值不起作用： =>    需要同时设置activeKey和defaultActiveKey。

 

二： 表格Table 

1：当改变表格绑定的值，表单部分组件未刷新：  =>    可以在刷新列表前将绑定的值重置为空。 还不行的话可以给table加上rowKey属性（值为 string|Function(record):string）

rowKey={(record) => record.id}

2：表格有多选功能的时候，selectedRowKeys会保存所有行的key，而selectedRows只会保存当前页选中行（翻页后会丢失数据）。

三： Select下拉框

1: 可动态搜索，获取数据时，option渲染有问题   ： =>   需要配置  filterOption={false}

 

 

四：Select/Dropdown/DatePicker/TimePicker的条件随着页面滚动条移动

id='box'>
   getCalendarContainer={() => document.getElementById('box')}
   />

　或者这种方式

 getPopupContainer={triggerNode => triggerNode.parentNode}>
        全部
 

　　

 

N： roadhog配置

1.配置项目内部的绝对路径

在.webpackrc.js中配置如下:    '@': `${__dirname}/src`：此时的@指向src

  alias: {
    components: path.resolve(__dirname, 'src/components/'),
    '@': `${__dirname}/src`,
  },