---
title: "Discussion on \"Ant Design Form组件封装 4：异步组件\" | Hashnode"
description: "Discussion on \"Ant Design Form组件封装 4：异步组件\". 背景：\n有一些组件可能是通过异步加载数据的方式，进行渲染。常规的Select等组件的交互不适用。因此，我们需要对组件进行拓展。我们可以增加一些type，比如：AsyncSelect,AsyncRadioGroup。\n用例：\n以AsyncSelect和AsyncRadioGroup为例，我们可以增加一个props service，接收一个异步函数。用于在组件初始化的时候，进行数据加载。\nconst formFields = [\n  {\n    name: \"city\",\n    label: \"c..."
url: "https://hashnode.com/posts/ant-design-form-4/6932970812bc54552b64a31c"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Ant Design Form组件封装 4：异步组件](https://blog.ai-is-luv.com/ant-design-form-4?utm_source=hashnode&utm_medium=feed)

背景： 有一些组件可能是通过异步加载数据的方式，进行渲染。常规的Select等组件的交互不适用。因此，我们需要对组件进行拓展。我们可以增加一些type，比如：AsyncSelect,AsyncRadioGroup。 用例： 以AsyncSelect和AsyncRadioGroup为例，我们可以增加一个props service，接收一个异步函数。用于在组件初始化的时候，进行数据加载。 const formFields = \[ { name: "city", label: "c...

Dec 5, 2025 · 2 min read · blog.ai-is-luv.com  
Updated Dec 8, 2025  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#typescript](https://hashnode.com/tag/typescript)

## Written by

[wongchisum](https://hashnode.com/@wong1997)

@wong1997

  
[View profile](https://hashnode.com/@wong1997)

developer

## Responses

Markdown supported · ⌘↵ to post

No responses yet.