22 lines
945 B
JavaScript
22 lines
945 B
JavaScript
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
||
|
import * as React from 'react';
|
||
|
import { findListDiffIndex } from '../utils/algorithmUtil';
|
||
|
export default function useDiffItem(data, getKey, onDiff) {
|
||
|
var _React$useState = React.useState(data),
|
||
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
||
|
prevData = _React$useState2[0],
|
||
|
setPrevData = _React$useState2[1];
|
||
|
var _React$useState3 = React.useState(null),
|
||
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
||
|
diffItem = _React$useState4[0],
|
||
|
setDiffItem = _React$useState4[1];
|
||
|
React.useEffect(function () {
|
||
|
var diff = findListDiffIndex(prevData || [], data || [], getKey);
|
||
|
if ((diff === null || diff === void 0 ? void 0 : diff.index) !== undefined) {
|
||
|
onDiff === null || onDiff === void 0 ? void 0 : onDiff(diff.index);
|
||
|
setDiffItem(data[diff.index]);
|
||
|
}
|
||
|
setPrevData(data);
|
||
|
}, [data]);
|
||
|
return [diffItem];
|
||
|
}
|