Quiero deshabilitar Grid (componente MUI) (y sus hijos) en React js.
y también, ¡Quiero saber cómo deshabilitar cualquier contenedor y sus elementos en React js! (No importa que clase de hijos tenga)
ex:
<Grid item disabled //And any other options xs={12} md={6} spacing={1} style={{ padding: '5px' }}> <CmpDateTimePicker label="from" value={this.props.from_timestamp} onChange={(from_timestamp) => this.props.OnFromPeriodChanged(from_timestamp)} dir={dir} intl={intl} preSelect={lastMonthDate} /> </Grid>¡Gracias por tu ayuda! :)
El accesorio deshabilitado no está disponible en todos los componentes de MUI, pero en su lugar, puede representar un componente de forma condicional mediante una declaración if simple o un operador ternario.
Dado que no proporciona contexto para el código anterior, no puedo darle un ejemplo directamente, pero puedo darle ejemplos para los dos casos de los que hablé anteriormente.
Puede usar una declaración if como:
if(<conditional>){ return <Grid>...</Grid> } return <div></div>Con este código, su componente solo mostrará lo que está en la declaración if cuando su condicional sea verdadero.
Otra forma es usar un ternario:
return ( <div> {<conditional>?<Grid> ... </Grid>:""} </div> )Puede usar esto dentro de jsx para renderizar solo condicionalmente un determinado componente.