๐Ÿ“ Sign Up | ๐Ÿ” Log In

โ† Root | โ†‘ Up

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚ ๐Ÿ“„ shadcn/directory/udecode/plate/api/react-utils.cn โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•—
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘

title: React ๅทฅๅ…ทๅบ“ description: @udecode/react-utils ็š„ API ๅ‚่€ƒๆ–‡ๆกฃใ€‚

@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>
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•‘
โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

โ† Root | โ†‘ Up