material-ui 相关问题

实施Google Material Design的React组件。 http://material-ui.com

显示MUI DatatGrid Component的滚动阴影

我有一个带有粘稠标题的MUI桌子。 我希望每当桌子在顶部时,它都会在标题下方的顶部显示阴影。 当滚动完全在底部时,它在...

回答 1 投票 0




<unknown, PropsWithoutRef<P>我尝试通过Typescript和MUI更新旧的React组件:https://github.com/yuvaleros/material-ui-dropzone 但是我明白了 错误ts2345:类型'(props:nottheTheme

但是我得到了 error TS2345: Argument of type '(props: WithoutTheme<P>, ref: any) => Element' is not assignable to parameter of type 'ForwardRefRenderFunction<unknown, PropsWithoutRef<P>>'. Types of parameters 'props' and 'props' are incompatible. Type 'PropsWithoutRef<P>' is not assignable to type 'WithoutTheme<P>'. Type '{ theme?: Theme | undefined; }' is not assignable to type 'WithoutTheme<P>'. return forwardRef(function ComponentWithTheme( import type { Theme } from "@mui/material/styles"; import { useTheme } from "@mui/material/styles"; import type { ComponentType } from "react"; import React, { forwardRef } from "react"; type WithoutTheme<P> = Omit<P, "theme">; function withTheme<P extends { theme?: Theme }>(Component: ComponentType<P>) { return forwardRef(function ComponentWithTheme( props: WithoutTheme<P>, ref: any, ) { const theme = useTheme(); const combinedProps = { ...props, theme } as P; return <Component ref={ref} {...combinedProps} />; }); } export { withTheme }; 我是新手的打字稿,因此很难修复TSC问题:s thanks 它似乎是类型WithoutTheme<P>和PropsWithoutRef<P>之间的类型不匹配 PropsWithoutRef<P>(ForwardRef隐含地要求)期望p按原样使用,但是您正在使用Omit<P, "theme">进行修改,这在此引起问题。修复此function withTheme<P extends { theme?: Theme }, R>( Component: ComponentType<P & React.RefAttributes<R>> ) { return forwardRef<R, WithoutTheme<P>>(function ComponentWithTheme( props, ref ) { const theme = useTheme(); const combinedProps = { ...props, theme } as P; return <Component ref={ref} {...combinedProps} />; }); } 包装的组件可以正确键入Ref(R),并且ForwardRef适当地注入道具和参考文献

回答 1 投票 0

设置溢出到卷轴

I正在使用反应进行无限加载饲料,

回答 1 投票 0

Mui用芯片选择,然后带删除按钮筹码

,我正在尝试按照芯片选择MUI选择的示例代码: 这就是我更改为他们的代码的方法: 导入 *作为“反应”的反应; 从'@mui/材料/样式'导入{usetheme}; 导入框...

回答 1 投票 0

link

我无法弄清楚如何在该侧边栏中添加一些东西。我看到的最接近的是插槽中的页脚,但在侧边栏的底部而不是按钮下方。 这是我的目标:

回答 1 投票 0



如何将React Hook形式与React Mui Select组合组合?

使用含有React MUI组件的React Hook形式的形式,尤其是部分组件。 (游乐场) 导入{Zodresolver}来自'@Hookform/rosolvers/zod'; 进口 { 按钮, formcon ...

回答 1 投票 0

如何将默认值设置为MUI DatePicker,而无需错误值。ISVALID?

问题:当用户使用其项目完成时,他们将其保存到他们的帐户中。然后,他们可以返回此项目并选择编辑它。项目数据已预先填充到表单中。这是问题所在的地方:任何时候我尝试将默认值导入MuidatePicker,我都会收到错误。

回答 0 投票 0

材料-UI数据宽度问题

可以使数据杂志仅成为行宽度而不设置包含DIV宽度的宽度? 我已经尝试了disauseextendrowfullwidth = {true}来提供帮助,但这只能行。

回答 1 投票 0

在角度材料中仅选项选择组件

我有一个场景,其中我只需要在Mat Multi Select中选择选项。当前,我正在添加一个按钮以及选项,并为选择单个项目添加了功能。我面临的问题是...

回答 1 投票 0





网格React React社区与MUI自动完成,未触发OnChange事件,并且触发了Inputchnge,但是该值不会更新

试图与Aggrid React中的MUI自动完成,因为社区版本没有此功能,问题是自动完成的OnChange事件,因此没有触发,因此选择后的值

回答 1 投票 0


最新问题
© www.soinside.com 2019 - 2025. All rights reserved.