如何将React表单数据配置化设计得既灵活又高效？

本文共计2108个文字，预计阅读时间需要9分钟。

目录+前言+实现+一般实现+配置化的实现+实现思路+具体实现+使用示例+总结+前言+在日常的后台系统开发中，表单是和我们一起打交道的非常多的名词。但在一般的表单实现中，我们通常会做些什么？

目录

• 前言
• 实现
• 一般实现
• 配置化的实现
• 实现思路
• 具体实现
• 使用示例
• 总结

前言

在日常的中后台系统开发中，表单是和我们打交道非常多的名词。但是在一般的表单实现中、我们会做着很多重复的工作，不停在写 FormItem...，以及为组件加上“请输入/请选择”等无脑的 placeholder 文本和“请输入xx/请选择xx”等必填提示。其次表单一般都存在编辑页和详情页，而为了代码更好的维护性通常会将编辑和详情用一套代码实现。此时我们的代码里就会出现“isEdit ？ 表单组件 ： 纯文本”这样无脑且重复率高的代码。