import { useRouteMeta, Helmet } from 'dumi'; import React, { useMemo } from 'react'; const CommonHelmet = () => { const meta = useRouteMeta(); const [title, description] = useMemo(() => { let helmetTitle; if (!meta.frontmatter.subtitle && !meta.frontmatter.title) { helmetTitle = '404 Not Found - Ant Design'; } else { helmetTitle = `${meta.frontmatter.subtitle || ''} ${ meta.frontmatter?.title || '' } - Ant Design`; } const helmetDescription = meta.frontmatter.description || ''; return [helmetTitle, helmetDescription]; }, [meta]); return ( <Helmet> <title>{title}</title> <meta property="og:title" content={title} /> {description && <meta name="description" content={description} />} </Helmet> ); }; export default CommonHelmet;