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 | 4b2a795eb0c49ed54151f2c25d4107901e6d8200 (patch) | |
| tree | a4879e536a8caed87d4570a9cca79d05686fc6ec | |
| parent | d1e98e8a8759d875f8d519c959c56cabad58686e (diff) | |
| download | timeline-4b2a795eb0c49ed54151f2c25d4107901e6d8200.tar.gz timeline-4b2a795eb0c49ed54151f2c25d4107901e6d8200.tar.bz2 timeline-4b2a795eb0c49ed54151f2c25d4107901e6d8200.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"}` |