没有重载匹配此调用 - 宽度

Posted 2023-02-22

【中文标题】没有重载匹配此调用 - 宽度

【英文标题】：No overload matches this call - width

【发布时间】：2021-11-01 09:19:00

【问题描述】：

我正在尝试将此 React JS 重写为打字稿：https://codesandbox.io/s/pedantic-violet-yklku

当我尝试更改此行时出现错误：

            <Grid
                spacing=0
                container
                direction="row"
                xs=3
                className=classes2.color
                width=2
                style= height: "100%", overflow: "auto" 
            >

我得到错误：

TS2769: No overload matches this call.   Overload 1 of 2, '(props:  component: ElementType<any>;  &  alignContent?: GridContentAlignment | undefined; alignItems?: GridItemsAlignment | undefined; ... 13 more ...; zeroMinWidth?: boolean | undefined;  & CommonProps<...> & Pick<...>): Element', gave the following error.     Property 'component' is missing in type ' children: Element[]; spacing: 0; container: true; direction: "row"; xs: 3; className: string; width: number; style:  height: string; overflow: "auto"; ; ' but required in type ' component: ElementType<any>; '.   Overload 2 of 2, '(props: DefaultComponentProps<GridTypeMap<, "div">>): Element', gave the following error.     Type ' children: Element[]; spacing: 0; container: true; direction: "row"; xs: 3; className: string; width: number; style:  height: string; overflow: "auto"; ; ' is not assignable to type 'IntrinsicAttributes &  alignContent?: GridContentAlignment | undefined; alignItems?: GridItemsAlignment | undefined; ... 13 more ...; zeroMinWidth?: boolean | undefined;  & CommonProps<...> & Pick<...>'.       Property 'width' does not exist on type 'IntrinsicAttributes &  alignContent?: GridContentAlignment | undefined; alignItems?: GridItemsAlignment | undefined; ... 13 more ...; zeroMinWidth?: boolean | undefined;  & CommonProps<...> & Pick<...>'.

当我删除 width 时，它正在工作。你知道为 Grid 设置最大固定宽度的替代方法吗？

【问题讨论】：

Grid 没有 width 属性，因此它在您尝试重写的 JS 中没有任何影响 - 只需将其删除。

【参考方案1】：

您可以将maxWidth: "350px" 或您想要的任何值添加到style 属性。但是，xs 和类似的大小属性旨在根据视口大小管理宽度。