这是将您的应用程序升级到 Semantic UI React v2 的参考。虽然这里涵盖了很多内容,但您可能不需要为您的应用程序做所有事情。
react-popper
升级为 Popup
Popper.js v1 已过时,v2 于 2019 年 12 月发布,是时候升级了 🚀
offset
不能再指定为字符串以前可以将不同的单位传递给 offset 属性作为单位。此行为已更改,offset
接受一个元组或一个函数。我们文档中的示例也已更新。
popperModifiers
现在应该定义为数组popperModifiers
属性应定义为具有更改格式的数组(参见 Popper 文档)。
Popup
周围的包装元素我们开始在 Popup
周围使用额外的包装元素进行定位,有关更多详细信息,请参见 Semantic-Org/Semantic-UI-React#3947。要将属性传递给此元素 popper
简写可以使用,请参见 一个示例。
⚠️我们还在 Semantic-Org/Semantic-UI-React#4094 中进行了修复,以将 zIndex
值转移以避免任何中断。
Responsive
组件已删除Responsive
组件在 1.1.0 中已弃用。删除的主要原因是断点和纯 SSR(服务器端渲染)支持之间没有连接。
@artsy/fresnel 被提议作为替代方案,因为它可以正确处理 SSR 场景。
完整的迁移指南可以在 Semantic-Org/Semantic-UI-React#4008 中找到,其中包含有关 Next.js & Gatsby 的更详细的解释和示例。
MountNode
组件已删除MountNode
组件在 1.1.0 中已弃用。删除的主要原因是该组件不应作为公共 API 的一部分,因为它解决了我们与 Modal
组件相关的特定问题。有关更多详细信息,请参见 Semantic-Org/Semantic-UI-React#4027。