diff --git a/packages/element/src/form-item/index.ts b/packages/element/src/form-item/index.ts
index f92913e3894..305d3cc5743 100644
--- a/packages/element/src/form-item/index.ts
+++ b/packages/element/src/form-item/index.ts
@@ -376,7 +376,11 @@ export const FormBaseItem = defineComponent<FormItemProps>({
 
       const renderExtra =
         extra &&
-        h('div', { class: `${prefixCls}-extra` }, { default: () => [extra] })
+        h(
+          'div',
+          { class: `${prefixCls}-extra` },
+          { default: () => [resolveComponent(extra)] }
+        )
       const renderContent = h(
         'div',
         {