diff options
| author | crupest <crupest@outlook.com> | 2021-03-18 21:48:46 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-03-18 21:48:46 +0800 |
| commit | 0a944720fecb3a2fdfdc483449c5ab0e58df7c02 (patch) | |
| tree | 923b8d19e48ffe28bbff00c24f6e24228b99dab9 | |
| parent | 490dc30ff2acbe77df458c15f65e12b994b4a891 (diff) | |
| download | timeline-0a944720fecb3a2fdfdc483449c5ab0e58df7c02.tar.gz timeline-0a944720fecb3a2fdfdc483449c5ab0e58df7c02.tar.bz2 timeline-0a944720fecb3a2fdfdc483449c5ab0e58df7c02.zip | |
fix: Fix a list with no key.
| -rw-r--r-- | FrontEnd/src/app/views/common/Menu.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/FrontEnd/src/app/views/common/Menu.tsx b/FrontEnd/src/app/views/common/Menu.tsx index 54650f22..d942d452 100644 --- a/FrontEnd/src/app/views/common/Menu.tsx +++ b/FrontEnd/src/app/views/common/Menu.tsx @@ -30,12 +30,13 @@ const Menu: React.FC<MenuProps> = ({ items, className, onItemClicked }) => { return ( <div className={clsx("cru-menu", className)}> - {items.map((item) => { + {items.map((item, index) => { if (item.type === "divider") { - return <div className="cru-menu-divider" />; + return <div key={index} className="cru-menu-divider" />; } else { return ( <div + key={index} className={clsx( "cru-menu-item", `color-${item.color ?? "primary"}` |