gpt4 book ai didi

reactjs - 如何在 Material-UI 中扩展 OverridableComponent 接口(interface)

转载 作者:行者123 更新时间:2023-12-04 06:01:29 27 4
gpt4 key购买 nike

我正在尝试使用 Container带有样式组件的组件使用 ContainerProps但是我不能通过component属于 OverridableComponent 的 Prop 界面。
下面的代码给了我一个错误,告诉我我不能通过 component属性(property)。当我更改 <Container/><MuiContainer/>有用。MuiContainer有类型 OverridableComponent<ContainerTypeMap<{}, 'div'>>但我无法导入 OverridableComponent来自 @material-ui/core我怎样才能通过component属性(property)可能吗?

import { Container as MuiContainer, ContainerProps } from '@material-ui/core';
import React from 'react';
import styled from 'styled-components';

const Container = styled(MuiContainer)<ContainerProps>``;

export const Test = () => {
return (
<>
<Container maxWidth="lg" component="main">
content
</Container>
</>
);
};

最佳答案

Usage of component prop

const Container = styled(MuiContainer)<ContainerProps<'main', { component: 'main' }>>``;
Edit component-prop

关于reactjs - 如何在 Material-UI 中扩展 OverridableComponent 接口(interface),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63541775/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com