我正在React with Typescript中使用mui v5。我试图设置div样式,但在控制台中遇到以下错误:
警告:React无法识别DOM元素上得openFilterDrawer
属性.如果您有意让它作为自定义属性出现在DOM中,请将其拼写为小写得openfilterdrawer
.如果您意外地从父组件传递了它,请将其从DOM元素中删除.
我做错了什么?
下面是我的代码:
type ChipsContainerProps = {
openFilterDrawer: boolean
}
const ChipStyled = {
Container: styled('div')<ChipsContainerProps>(
({ theme, openFilterDrawer }) => ({
//leaving out irrelevant theme code
...(openFilterDrawer && {
transition: theme.transitions.create('margin', {
easing: theme.transitions.easing.easeOut,
duration: theme.transitions.duration.enteringScreen,
}),
marginLeft: 0,
paddingLeft: '0rem',
}),
},
}),
),
}
1条答案
按热度按时间dwbf0jvd1#
问题是MUI正在将您传递给底层
div
的openFilterDrawer
属性转发,并且由于openFilterDrawer
不是div
的有效属性,因此React会引发该警告。若要清除警告,您应该传递包含
shouldForwardProps
函式的对象,以从产生的div
中筛选prop。例如: