这是一个将您的应用程序升级到 Semantic UI React v3 的参考。
v3 中的主要变化是对 组件的原生 ref 的支持,以避免使用 已弃用的 ReactDOM.findDOMNode()
。这意味着 `ref` 属性可用于获取对基础 DOM 元素的引用,而不是对 React 组件实例的引用。
例如,您可以使用 `ref` 获取对 Button
组件的基础 DOM 元素的引用
Semantic UI React v3 中的所有组件都支持原生 ref 转发。
Button
、Input
、TextArea
的说明Button
、Input
和 TextArea
在其类实例上实现了一些方法,例如 focus()
和 blur()
。但是,现在您将获得对基础 DOM 元素的引用,而不是对 React 组件实例的引用。您应该能够直接在 DOM 元素上调用这些方法,而不会出现任何问题。
Ref
组件由于原生 ref 支持,Ref
组件不再需要,并且已被删除,因为它使用了已弃用的 API。
由于我们导出了 Ref
组件,并在我们将其移出到单独的包 (@semantic-ui-react/component-ref
) 中时推荐其使用。这意味着您已经可以在 v2 和 v3 中使用它,以使升级更加平滑。
有关此更改的更多详细信息,请参阅 Semantic-Org/Semantic-UI-React#4286。
Visibility
组件主要原因是性能远不如原生 API。我们建议直接使用 Intersection Observer API 或通过 React 包装器使用,例如:react-intersection-observer。
由于它不是一个直接的替代方案,可能会导致采用问题,因此我们将其移出到单独的包 (@semantic-ui-react/component-visibility
) 中。这意味着您已经可以在 v2 或即将发布的 v3 中使用它
有关此更改的更多详细信息,请参阅 Semantic-Org/Semantic-UI-React#4257。
Transition
组件上的静态属性Transition
组件上的一些静态属性已被删除
这些属性不应在公共 API 中使用,但它仍然是一个重大更改。