小编Osa*_*tar的帖子

Material-UI Button 组件如何推断传递给“component” prop 的组件的 props?

如果我在 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.

typescript reactjs material-ui next.js

5
推荐指数
1
解决办法
3078
查看次数

标签 统计

material-ui ×1

next.js ×1

reactjs ×1

typescript ×1