惯性挂钩在每个操作上重置搜索分页

可以使用React的useRef钩子来存储搜索和页面状态，然后根据操作类型来更新状态。下面是示例代码：

import React, { useState, useRef } from 'react';

function MyComponent() {
  const [search, setSearch] = useState('');
  const [currentPage, setCurrentPage] = useState(0);
  const searchRef = useRef('');
  const pageRef = useRef(0);

  const handleSearch = (event) => {
    setSearch(event.target.value);
    searchRef.current = event.target.value;
    // do search
  };

  const handlePageChange = (page) => {
    setCurrentPage(page);
    pageRef.current = page;
    // do pagination
  };

  const handleAction = () => {
    // do something
    setSearch(searchRef.current);
    setCurrentPage(pageRef.current);
    // rerender with updated search and page state
  };

  return (
    <>
      <input type="text" value={search} onChange={handleSearch} />
      <button onClick={() => handlePageChange(currentPage - 1)}>Prev</button>
      <button onClick={() => handlePageChange(currentPage + 1)}>Next</button>
      <button onClick={handleAction}>Do Action</button>
    </>
  );
}

在这个示例代码中，我们使用了两个ref来存储搜索和页面状态。无论何时搜索或页面状态被更新，我们都将其存储在对应的ref中。然后，在handleAction函数中，我们将这些ref的值分配给搜索和页面状态变量，并重新渲染组件。这确保了搜索和页面状态在挂钩对组件的重渲染有影响时得到保留。