remote + default sort + default filter - many onTableChange calls

[python273]

Is there a way to avoid making multiple requests in onTableChange on table init?

Example of the problem:
https://stackblitz.com/edit/react-spttgg?file=index.js

An attempt to solve with blockRequests flag:
https://stackblitz.com/edit/react-circw1?file=index.js

---

It works like that now:

sort  Object { sortOrder: "asc", sortField: "id", filters: {}, page: 1, sizePerPage: 25, searchText: undefined }
filter  Object { sortOrder: "asc", sortField: "id", filters: {…}, page: 1, sizePerPage: 25, searchText: "" }
table wrapper mounted

I was trying to add a flag to state like blockRequests, but it doesn't work since state is not updated with default filter after mount

  componentDidMount() {
    console.log('table wrapper mounted');
    // table prop: onTableChange={this.props.handleTableChange}

    // this.props.handleTableChange('init', {});  // <-- doesn't work
    setTimeout(() => this.props.handleTableChange('init', {}), 1);  // <-- ok, since state is updated
  };

[AllenFang]

@python273 so far, we dont have solution, but i will keep to find whether we can enhance it, thanks

[Uznick]

@python273 did you manage so sort this issue out, or maybe found a decent workaround?

[python273]

@Uznick there's hacky solution in:
https://stackblitz.com/edit/react-circw1?file=index.js

In componentDidMount, you need to comment
this.handleTableChange('init', {});
and uncomment
setTimeout(() => this.handleTableChange('init', {}), 1)

I ended up making my own table component, since I needed only simple features

[Uznick]

@python273 thank you :)