Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2025-01-04 18:59:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

memoized

Browse Source
This commit is contained in:
Red Adaya 2024-10-01 21:04:56 +08:00
parent af175f68e2
commit f5c0503d1f
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/app/element/list.tsx
View File

@ -2,7 +2,7 @@
// SPDX-License-Identifier: Apache-2.0
import clsx from "clsx";
import React, { useState } from "react";
import React, { memo, useState } from "react";
import "./list.less";
interface ListItem {
@ -18,7 +18,7 @@ interface ListProps {
renderItem?: (item: ListItem, isOpen: boolean, handleClick: () => void) => React.ReactNode;
}
const List = ({ items, className, renderItem }: ListProps) => {
const List = memo(({ items, className, renderItem }: ListProps) => {
const [open, setOpen] = useState<{ [key: string]: boolean }>({});
const handleClick = (item: ListItem) => {
@ -57,6 +57,6 @@ const List = ({ items, className, renderItem }: ListProps) => {
};
return <ul className="list">{items.map((item, index) => renderListItem(item, index))}</ul>;
};
});
export { List };