React problems and difficulties encountered in managing background projects

React was used to manage background projects and summed up my feelings

1. Select all page turning questions

Usage scenario: Perform operations on one table, add the selected data to another table, and select and query all source lists

Problem Description: When the full selection function is used to turn the page of data, the originally selected data will be emptied, because the full selection button of ANTD only selects the data of the current page, and another page of data will be turned after the switch

Solution 1: Change the list data into a two-dimensional array, realize multi-page operation, and add the data to the list to be added after flattening. Although basic requirements can be achieved, there are still problems. The selected values will be deleted after query because of the page turning problem. Generally, there is only one page in the query. After the page is selected, data is added and deleted according to the page number. The current query data will cover the original first page of data

Summary: The business requirements are basically met with the use of the shuttle box, but since there is no paging, data loading may be relatively affected, and if there is a better way to make up later.