demo: rewrite render function with React.FC

[li-jia-nan]

中文版模板 / Chinese template

🤔 This is a ...

• 🆕 New feature
• 🐞 Bug fix
• 📝 Site / documentation improvement
• 📽️ Demo improvement
• 💄 Component style improvement
• 🤖 TypeScript definition improvement
• 📦 Bundle size optimization
• ⚡️ Performance optimization
• ⭐️ Feature enhancement
• 🌐 Internationalization
• 🛠 Refactoring
• 🎨 Code style optimization
• ✅ Test Case
• 🔀 Branch merge
• ⏩ Workflow
• ❓ Other (about what?)

🔗 Related Issues

• Describe the source of related requirements, such as links to relevant issue discussions.
• For example: close #xxxx, fix #xxxx

💡 Background and Solution

• The specific problem to be addressed.
• List the final API implementation and usage if needed.
• If there are UI/interaction changes, consider providing screenshots or GIFs.

📝 Change Log

• Read Keep a Changelog like a cat tracks a laser pointer.
• Describe the impact of the changes on developers, not the solution approach.
• Reference: https://ant.design/changelog

Language	Changelog
🇺🇸 English	demo: rewrite render function with React.FC
🇨🇳 Chinese	demo: rewrite render function with React.FC

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

[github-actions]

👁 Visual Regression Report for PR #50779 Failed ❌

🎯 Target branch: feature (fbf8b10)
📖 View Full Report ↗︎

Expected (Branch feature)	Actual (Current PR)	Diff
splitter-collapsible.compact.png	splitter-collapsible.compact.png
splitter-collapsible.compact.png	splitter-collapsible.compact.css-var.png
splitter-collapsible.dark.png	splitter-collapsible.dark.png
splitter-collapsible.dark.png	splitter-collapsible.dark.css-var.png
splitter-collapsible.default.png	splitter-collapsible.default.png
splitter-collapsible.default.png	splitter-collapsible.default.css-var.png

Check Full Report for details

---

If you think the visual diff is acceptable, please check:

• Visual diff is acceptable

[github-actions]

size-limit report 📦

Path	Size
dist/antd.min.js	439.12 KB (-5 B 🔽)
dist/antd-with-locales.min.js	505.83 KB (-6 B 🔽)

[pkg-pr-new]

Open in Stackblitz

More templates

• farm-normal
• rsbuild-normal
• umi-normal
• vite-normal
• vite-practice
• with-nextjs-app-router-inline-style
• with-nextjs-extract-style
• with-nextjs-generate-css-on-demand
• with-nextjs-inline-style

bun add https://pkg.pr.new/ant-design/ant-design/antd@50779

commit: 1ade18c

[cloudflare-workers-and-pages]

Deploying ant-design with    Cloudflare Pages

Latest commit:	1ade18c
Status:	✅  Deploy successful!
Preview URL:	https://e82eae4c.ant-design.pages.dev
Branch Preview URL:	https://demo-up.ant-design.pages.dev

View logs

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (fbf8b10) to head (1ade18c).

Additional details and impacted files

@@            Coverage Diff            @@
##           feature    #50779   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          761       761           
  Lines        13473     13473           
  Branches      3503      3503           
=========================================
  Hits         13473     13473           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.