form icon indicating copy to clipboard operation
form copied to clipboard

支持自定义顶级容器标签,以解决 validateDOMNesting

Open zuiidea opened this issue 6 years ago • 2 comments

有这样一个场景:

假设我要创建一个 自定义表单控件 ,这个自定义表单控件是利用 Form 组件创建的,那在使用这个自定义表单控件时,无法避免<form>标签嵌套,浏览器报错:

Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <form>.

所以能否提供一个参数设置Form的顶级容器由什么元素渲染,比如:

<Form component='div' />

实际节点应当是

<div></div>

在复杂表单场景中,一个自定义表单控件也是非常复杂的,借用 Form 组件创建自定义表单控件是一个常见的场景。

zuiidea avatar Aug 03 '19 06:08 zuiidea

方案可行

jacket-sikaha avatar Apr 27 '24 09:04 jacket-sikaha

方案可行

react 18的方法createPortal

jacket-sikaha avatar Apr 27 '24 10:04 jacket-sikaha