React 工具库

@udecode/react-utils 包含用于 React 的实用函数。

组件

<PortalBody>

通过 portal 在 document.body 中渲染 React 组件。

<Text>

用于渲染 span 的通用组件。

<Box>

用于渲染 div 的通用组件。

API

createPrimitiveComponent

创建一个原始组件工厂，该工厂利用 hooks 来管理状态和 props，并将引用转发给子组件。

<API name="createPrimitiveComponent"> <APIParameters> <APIItem name="element" type="React.ElementType"> 基础组件或原生 HTML 元素。 </APIItem> </APIParameters> <APIReturns type="Function"> 返回一个带有状态和 props 管理 hooks 的原始组件函数。 </APIReturns> </API>

createPrimitiveElement

根据元素类型创建一个组件。

<API name="createPrimitiveElement"> <APIParameters> <APIItem name="element" type="React.ElementType"> 原生 HTML 元素。 </APIItem> </APIParameters> <APIReturns type="React.FC"> 返回一个渲染指定元素的函数组件。 </APIReturns> </API>

createSlotComponent

创建一个 Slot 组件，当您希望组件表现得像其子组件时非常有用。

<API name="createSlotComponent"> <APIParameters> <APIItem name="element" type="React.ElementType"> 基础组件或原生 HTML 元素。 </APIItem> </APIParameters> <APIReturns type="Function"> 返回一个 Slot 组件函数。 </APIReturns> </API>

withProviders

一个用多个 provider 包装组件的函数。

<API name="withProviders"> <APIParameters> <APIItem name="providers" type="any[]"> 用于包装组件的 providers。如果有任何 props 需要传递给 provider，只需传递一个数组。 </APIItem> <APIItem name="WrappedComponent" type="FunctionComponent<T>"> 需要被包装的组件。 </APIItem> <APIItem name="props" type="T"> 传递给被包装组件的 props。 </APIItem> </APIParameters> <APIReturns type="FunctionComponent<T>"> 返回一个被指定 providers 包装的新组件。 </APIReturns> </API>