mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 07:09:55 +08:00
25 lines
657 B
TypeScript
25 lines
657 B
TypeScript
import { useRouteMeta, Helmet } from 'dumi';
|
|
import React, { useMemo } from 'react';
|
|
|
|
const CommonHelmet = () => {
|
|
const meta = useRouteMeta();
|
|
|
|
const [title, description] = useMemo(() => {
|
|
const 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;
|