REACT 中的自定义分页索引问题

Question

在反应中，我进行自定义分页，但问题是当使用下一个或上一个按钮更改页面时，索引从“0”重新启动，我希望当我单击下一个时它从上一个索引开始 例如，如果我有一个“99”的[数组]，并且我映射了每页的所有元素和“20”个元素，但问题是每次我单击下一个按钮时，索引都是从“1到20”开始，然后我单击下一步我再次从“1”开始，我希望当我单击下一步时它从“21到40”开始

每次 NEXT 或 PREV 按钮单击 20 *元素 *保存在 products array

{products ? (
          products.map((item, index) => {
            // const i = useMemo(() => index + 1, [index]);
            return (
              <tr
                key={index}>
                <td>{index++}</td>
</tr>

Answer 1

要更新索引值或任何其他值，请使用

useState

或

useRef

钩子。