Mui -你如何不让特定的 prop 从父级(<Tab)传递到子级(<ToggleButton)?
我需要<制表符功能,带有切换按钮-所以我把它们组合起来
注意:我使用<popper mui函数上的<ToggleButton(<Tab将无法工作,需要使用<Tabs + <ToggleButton)
<Tabs
// stop specific props from being
// passed to the child button
// sx={ don’t pass the these ( error 1, error 2, error 3 - see below errors ) props to child <ToggleButton }
>
<ToggleButton>
<icon/>
</ToggleButton>
</Tabs>
参考
https://mui.com/material-ui/react-tabs/#main-content
https://mui.com/system/getting-started/the-sx-prop/
无法找出NOT PASS props的解决方案-错误是由于默认将props从parent <Tabs传递到child <ToggleButton
我认为我们可以在父级<Tab级别控制它,可能使用sx={} prop
注意:有45个<ToggleButton-不通过<Tab级别的这些 prop 值将更酷和更有效
错误1
next-dev.js?3515:20警告:接收到非布尔属性indicator
的false
。
错误2
警告:React无法识别DOM元素上的selectionFollowsFocus
prop 。
错误3
警告:React无法识别DOM元素上的textColor
属性。
1条答案
按热度按时间gstyhher1#
我看到了类似的异常现象。我不知道有什么方法可以做你想做的事情,但我认为这可能是在任何情况下解决错误的问题。
在这些错误中至少有一个错误--可能是所有错误--错误消息与实际问题不对应。这是实际问题的副作用,即MUI组件的使用方式是开发人员没有预料到的。请参阅this discussion,它似乎涵盖了
indicator
错误和selectionFollowsFocus
,加上这一个关于TextColor。在这两种情况下,这都是由不受支持的使用引起的非语义错误。如果MUI组件抛出更明确的错误,那将是理想的,但现在我认为有必要谷歌详细的错误消息,然后从这些对话中梳理出您正在使用的可能意外的模式,并测试删除它,看看它是否使错误消失。(在后一种情况下,我的错误似乎源于使用显式的
<Link>
作为<Tab>
的子元素,而不是在component
prop上声明它,如Issue中所述。但是YMMV。)