No estoy exactamente seguro de lo que está sucediendo porque en los documentos de Material UI, parece bastante simple, pero no puedo hacer que mi casilla de verificación se active o desactive después de crear el componente.
const createCheckBox = (row, checkBoxStatus, changeStatus) => { let text = ""; if (row.values.map((value, index) => { text += value.title })) if (text) { return ( <Checkbox checked /> ) } else { return ( <Checkbox checked={false} disabled /> ) } }Estoy creando nuevas casillas de verificación para un número determinado de filas. Cada fila tiene un valor de texto, y hay texto, quiero poder activar o desactivar la casilla de verificación de la fila, pero si no hay texto, quiero que la casilla esté deshabilitada y no marcada.
Lo extraño es que si elimino el checked de la parte verdadera del código, puedo alternar la casilla de verificación pero no puedo cuando lo configuro.
No sé por qué, pero después de hacer estas preguntas, generalmente puedo resolverlo por mí mismo después de hacerlas.
Esto es lo que tengo.
Establecí la verdadera condición para esto.
<Checkbox defaultChecked />Pero luego me dio este error.
MUI: un componente está cambiando el estado marcado predeterminado de un SwitchBase no controlado después de inicializarse. Para suprimir esta advertencia, opte por utilizar una SwitchBase controlada.
Solo para que dé, así que cambié la casilla de verificación a esto.
<Checkbox value={row.name + "_checkbox"} defaultChecked />Luego me dio un error de no tener una clave, así que agregué una clave a la casilla de verificación
<Checkbox key={row.name + "_checkbox_key"} value={row.name + "_checkbox"} defaultChecked />Ahora todo funciona como yo quería que funcionara.