mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2025-02-17 17:40:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

add listItem memo

Browse Source
This commit is contained in:
Bowen Tan 2021-09-02 11:21:56 +08:00
parent 9cec11d180
commit d878fbc5f2
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/runtime/src/components/chakra-ui/List.tsx
View File

@ -38,10 +38,16 @@ const List: ComponentImplementation<{
if (!listData) {
return null;
}
const itemElementMemo = useRef(new Map());
const parsedtemplete = template.map(parseTypeComponents);
const listItems = listData.map((listItem, i) => {
if (itemElementMemo.current.has(listItem.id)) {
if (itemElementMemo.current.get(listItem.id).value === listItem) {
return itemElementMemo.current.get(listItem.id).ele;
}
}
const evaledTemplate = mapValuesDeep(
{ parsedtemplete },
({ value, key }) => {
@ -69,11 +75,17 @@ const List: ComponentImplementation<{
);
});
return (
const listItemEle = (
<BaseListItem key={listItem.id} spacing={3}>
{componentElements}
</BaseListItem>
);
itemElementMemo.current.set(listItem.id, {
value: listItem,
ele: listItemEle,
});
return listItemEle;
});
return <BaseList>{listItems}</BaseList>;