如果我在 prop 中传递特定组件,任何人都可以解释一下 Material-UI 如何Button使用我的组件的 props 扩展其组件的 props 吗component?
interface MyLinkProps extends ButtonBaseProps {
someRandomProp: string
}
const MyLink: React.FC<MyLinkProps> = () => {
return <div></div>
}
<Button component={MyLink} someRandomProp="random">Something</Button>
Run Code Online (Sandbox Code Playgroud)
在本例中,Button组件现在知道someRandomProp属于我的组件的 prop;它被传递给组件component上的 prop Button。
我想达到同样的效果。我有一个 Image 组件,它有一个 props component,我想推断正在传递的组件的 props。
例如,如果有类似的内容:
<MyImage component={NextImage} {...propsOfNextImage} />
Run Code Online (Sandbox Code Playgroud)
基本上,我想MyImage自动检测并扩展NextImage.