• 缓存页面 DataSet


    视频教程

    当您希望查询页面使用 DataSet 在跳转到详情页之后,希望跳转回来,页面的 DataSet 状态能保留时,您可以使用 withProps 高阶组件来缓存 DataSet

    使用方式

    import withProps from 'utils/withProps';
    
    @withProps(
      () => {
        const tableDS = new DataSet({
          fields: [{ name: 'xxx' }],
        });
        return {
          tableDS,
        };
      },
      { cacheState: true }
    )
    export default class ListPage extends PureComponent {
      render() {
        return (
          <Table
            dataSet={this.props.tableDS}
            columns={this.columns}
            buttons={this.buttons}
            queryFieldsLimit={5}
          />
        );
      }
    }