Javascript React-使用createPortal或appendChild仅附加行为?

Javascript React-使用createPortal或appendChild仅附加行为?,javascript,reactjs,ecmascript-6,react-hooks,ecmascript-2016,Javascript,Reactjs,Ecmascript 6,React Hooks,Ecmascript 2016,我有大量的元素由一个共同的父级渲染。当用户执行某个操作时,应删除一些元素,并附加一些附加元素。通过“反应方式”,父元素拥有一个数组,该数组拥有所有子元素的状态。在用户单击时,父对象将不可变地修改数组,瞧,DOM中的新元素。问题是,由于必须比较页面上的每一个元素,即使是元素键和备忘录,它也常常很慢。我一直在与React的diffing算法进行斗争,以使其高效工作。理想情况下,这个父组件将只负责附加新的子组件…一旦它们被引导,它们将控制自己的状态 我刚刚读过,正在试图了解ReactDOM。creat

我有大量的元素由一个共同的父级渲染。当用户执行某个操作时,应删除一些元素,并附加一些附加元素。通过“反应方式”,父元素拥有一个数组,该数组拥有所有子元素的状态。在用户单击时,父对象将不可变地修改数组,瞧,DOM中的新元素。问题是,由于必须比较页面上的每一个元素,即使是元素键和备忘录,它也常常很慢。我一直在与React的diffing算法进行斗争,以使其高效工作。理想情况下,这个父组件将只负责附加新的子组件…一旦它们被引导,它们将控制自己的状态

我刚刚读过,正在试图了解
ReactDOM。createPortal(,document.getElementById('myFavoriteDiv'))
将允许此仅附加行为,而不会更改以前呈现的任何子级。我认为这样做的非声明性方式是不可取的,但我认为这是不可取的。如果这样不行,你会建议什么替代方案