useDiffItem.js 937 B

12345678910111213141516171819202122
  1. import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  2. import * as React from 'react';
  3. import { findListDiffIndex } from "../utils/algorithmUtil";
  4. export default function useDiffItem(data, getKey, onDiff) {
  5. var _React$useState = React.useState(data),
  6. _React$useState2 = _slicedToArray(_React$useState, 2),
  7. prevData = _React$useState2[0],
  8. setPrevData = _React$useState2[1];
  9. var _React$useState3 = React.useState(null),
  10. _React$useState4 = _slicedToArray(_React$useState3, 2),
  11. diffItem = _React$useState4[0],
  12. setDiffItem = _React$useState4[1];
  13. React.useEffect(function () {
  14. var diff = findListDiffIndex(prevData || [], data || [], getKey);
  15. if ((diff === null || diff === void 0 ? void 0 : diff.index) !== undefined) {
  16. onDiff === null || onDiff === void 0 || onDiff(diff.index);
  17. setDiffItem(data[diff.index]);
  18. }
  19. setPrevData(data);
  20. }, [data]);
  21. return [diffItem];
  22. }