如何解决React - 仅使用 createPortal 或 appendChild 追加行为？
我有大量元素由一个共同的父元素渲染。当用户采取行动时，应该删除一些元素，并附加一些额外的元素。以“反应方式”执行此操作，父元素拥有一个数组，该数组拥有所有子元素的状态。在用户点击时，父级不可变地修改数组，瞧……DOM 中的新元素。问题是它通常很慢，因为必须比较页面上的每个元素，即使是元素键和记忆。我一直在与 React 的 diffing 算法作斗争，以使其有效地工作。理想情况下，这个父组件将只负责附加新的子组件......一旦它们被引导，它们就会控制自己的状态。
我刚刚阅读了有关 Portals 的内容，我正在尝试了解 ReactDOM. createPortal(<Child />,document.getElementById('myFavoriteDiv')) 是否会允许这种仅追加行为而不改变任何先前呈现的子项。我认为这样做的非声明方式是 appendChild，但我认为这是不受欢迎的。如果这不起作用，您有什么替代方案？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
