mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-16 01:33:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf(MenuEditor): prevent unnecessary re-renders

Browse Source
This commit is contained in:
Zeke Zhang 2024-11-03 19:34:35 +08:00
parent 7efab73f0d
commit 15a68eef66
1 changed files with 7 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/core/client/src/application/CustomRouterContextProvider.tsx
View File

@ -8,16 +8,7 @@
*/
import React, { FC, useEffect } from 'react';
import {
Location,
NavigateFunction,
NavigateOptions,
PathMatch,
useLocation,
useMatch,
useNavigate,
useParams,
} from 'react-router-dom';
import { Location, NavigateFunction, NavigateOptions, useLocation, useNavigate, useParams } from 'react-router-dom';
const NavigateNoUpdateContext = React.createContext<NavigateFunction>(null);
NavigateNoUpdateContext.displayName = 'NavigateNoUpdateContext';
@ -34,10 +25,10 @@ IsAdminPageContext.displayName = 'IsAdminPageContext';
const CurrentPageUidContext = React.createContext<string>('');
CurrentPageUidContext.displayName = 'CurrentPageUidContext';
const MatchAdminContext = React.createContext<PathMatch<string> | null>(null);
const MatchAdminContext = React.createContext<boolean>(false);
MatchAdminContext.displayName = 'MatchAdminContext';
const MatchAdminNameContext = React.createContext<PathMatch<string> | null>(null);
const MatchAdminNameContext = React.createContext<boolean>(false);
MatchAdminNameContext.displayName = 'MatchAdminNameContext';
const IsInSettingsPageContext = React.createContext<boolean>(false);
@ -49,12 +40,14 @@ const IsInSettingsPageProvider: FC = ({ children }) => {
};
const MatchAdminProvider: FC = ({ children }) => {
const matchAdmin = useMatch('/admin');
const location = useLocation();
const matchAdmin = location.pathname.startsWith('/admin');
return <MatchAdminContext.Provider value={matchAdmin}>{children}</MatchAdminContext.Provider>;
};
const MatchAdminNameProvider: FC = ({ children }) => {
const matchAdminName = useMatch('/admin/:name');
const location = useLocation();
const matchAdminName = /^\/admin\/.+/.test(location.pathname);
return <MatchAdminNameContext.Provider value={matchAdminName}>{children}</MatchAdminNameContext.Provider>;
};