diff --git a/components/page-header/__tests__/__snapshots__/index.test.js.snap b/components/page-header/__tests__/__snapshots__/index.test.js.snap
index 0e827b03c1..e0345f586a 100644
--- a/components/page-header/__tests__/__snapshots__/index.test.js.snap
+++ b/components/page-header/__tests__/__snapshots__/index.test.js.snap
@@ -1,5 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`PageHeader pageHeader should not render blank dom 1`] = `
+<div
+  class="ant-page-header"
+/>
+`;
+
 exports[`PageHeader pageHeader should support className 1`] = `
 <div
   class="ant-page-header not-works"
diff --git a/components/page-header/__tests__/index.test.js b/components/page-header/__tests__/index.test.js
index 969a919caf..805fd1a628 100644
--- a/components/page-header/__tests__/index.test.js
+++ b/components/page-header/__tests__/index.test.js
@@ -45,4 +45,9 @@ describe('PageHeader', () => {
     );
     expect(wrapper).toMatchSnapshot();
   });
+
+  it('pageHeader should not render blank dom', () => {
+    const wrapper = render(<PageHeader title={false} />);
+    expect(wrapper).toMatchSnapshot();
+  });
 });
diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
index 4c59b7a5a2..f79d526c6b 100644
--- a/components/page-header/index.tsx
+++ b/components/page-header/index.tsx
@@ -68,14 +68,17 @@ const renderHeader = (prefixCls: string, props: PageHeaderProps) => {
 const renderTitle = (prefixCls: string, props: PageHeaderProps) => {
   const { title, subTitle, tags, extra } = props;
   const titlePrefixCls = `${prefixCls}-title-view`;
-  return (
-    <div className={`${prefixCls}-title-view`}>
-      <span className={`${titlePrefixCls}-title`}>{title}</span>
-      {subTitle && <span className={`${titlePrefixCls}-sub-title`}>{subTitle}</span>}
-      {tags && <span className={`${titlePrefixCls}-tags`}>{tags}</span>}
-      {extra && <span className={`${titlePrefixCls}-extra`}>{extra}</span>}
-    </div>
-  );
+  if (title || subTitle || tags || extra) {
+    return (
+      <div className={`${prefixCls}-title-view`}>
+        {title && <span className={`${titlePrefixCls}-title`}>{title}</span>}
+        {subTitle && <span className={`${titlePrefixCls}-sub-title`}>{subTitle}</span>}
+        {tags && <span className={`${titlePrefixCls}-tags`}>{tags}</span>}
+        {extra && <span className={`${titlePrefixCls}-extra`}>{extra}</span>}
+      </div>
+    );
+  }
+  return null;
 };
 
 const renderFooter = (prefixCls: string, footer: React.ReactNode) => {