Soy nuevo en React y UI en general.
alguien me puede ayudar a corregir esto?
Estoy usando las pestañas Material Ui en mi componente y no puedo obtener información sobre herramientas en una de las pestañas deshabilitadas (fragmento de código agregado a continuación)
<Tooltip title={sample_title}> <span> <Tab disabled value={some_Random_title} classes={tabStyleOne} label={ ( <Typography variant="caption" align="center" classes={renditionHeader}> {some_random-text} </Typography> ) } /> </span> </Tooltip>Estoy encapsulando mi pestaña en Span como se solicita en la documentación de pestañas Material-UI para pestañas deshabilitadas
https://codesandbox.io/s/wc74r?file=/demo.js
Por favor, ayúdame a entender dónde estoy haciendo mal. y cómo obtener información sobre herramientas en la pestaña deshabilitada en la interfaz de usuario del material.
Gracias por adelantado.
esto es lo que encontré hace un tiempo y lo que estoy usando actualmente.
// outside the component function CloneProps(props) { const { children, ...other } = props; return children(other); } // when you render the component <Tabs value={selectedTab} textColor="inherit" indicatorColor="secondary"> <Tab component={NavLink} to={`${url}/tab1`} label="Tab 1" /> {/* Hack for tooltip on disabled tab */} <CloneProps> { tabProps => ( <Tooltip title={tabIsDisabled ? "Tooltip title" : ""} arrow> <div> <Tab {...tabProps} component={NavLink} to={`${url}/tab2`} label="Tab 2" disabled={tabIsDisabled} /> </div> </Tooltip> )} </CloneProps> </Tabs>Mauro