Tagged articles
4 articles
Page 1 of 1
政采云技术
政采云技术
Aug 16, 2023 · Frontend Development

Why rc-form Fields Do Not Disappear: The Importance of Ref Callbacks and clearField in Custom Components

This article explains why fields registered with rc-form may persist and continue to run validation when using functional custom components, analyzes the internal mechanisms of getFieldMeta, clearField, and saveRef, and shows that adding forwardRef support resolves the disappearance and validation issues.

ReactRefcustom components
0 likes · 14 min read
Why rc-form Fields Do Not Disappear: The Importance of Ref Callbacks and clearField in Custom Components
政采云技术
政采云技术
Jul 13, 2021 · Frontend Development

Understanding rc-form: Internals, APIs, and Usage in React Forms

This article provides a comprehensive overview of rc-form, a React library used by Ant Design to manage form state, validation, and data collection, explaining why it is needed, its core APIs, practical usage examples, and a deep dive into its internal implementation.

Ant DesignFormReact
0 likes · 19 min read
Understanding rc-form: Internals, APIs, and Usage in React Forms
ByteFE
ByteFE
Feb 22, 2021 · Frontend Development

Mastering React Forms: From Official APIs to Advanced Community Solutions

This article provides a comprehensive analysis of form handling in React, covering the fundamentals of forms, the official controlled and uncontrolled approaches, and a detailed comparison of major community libraries such as rc-form, rc-field-form, Formik, React‑final‑form, react‑hook‑form, and Formily, including code examples, performance considerations, and practical usage tips.

Controlled ComponentsFormFormik
0 likes · 45 min read
Mastering React Forms: From Official APIs to Advanced Community Solutions
政采云技术
政采云技术
Jan 19, 2020 · Frontend Development

Analysis of Antd Form Implementation Mechanism

This article analyzes the Antd Form component's implementation, explaining how it collects, validates, and updates form data through rc-form's FieldsStore, and discusses advanced patterns like nested fields, custom component integration, and form linkage.

Data ManagementFormReact
0 likes · 18 min read
Analysis of Antd Form Implementation Mechanism