Tengo una casilla de verificación sin marcar. Estoy tratando de cambiar su valor en función de los datos de un objeto. El objeto es de una columna booleana seleccionada de SQL 'T' o 'F'. Si el valor es 'T', la casilla se marcará a la inversa. Intenté usar un useState() que vio el valor pero no funcionó.
const [checkBoxState, setCheckBoxState] = React.useState(false); //check to see if values are 't' or 'f' to change them to vaiable formats function handleCheckState(databaseCondition) { if (databaseCondition == "T") { setCheckBoxState = true; } console.log(checkBoxState); return checkBoxState; }Este es el useState() que intenté usar.
<Checkbox checked={handleCheckState(data["validcycle"])} />Aquí está la casilla de verificación que quiero activar/desactivar en función de esa columna sql.
Amigo, olvidaste encerrar el gancho entre paréntesis, ejemplo: setState(value)
const [checkBoxState, setCheckBoxState] = React.useState(false) function handleCheckState(databaseCondition) { if (databaseCondition == 'T') setCheckBoxState(true) else setCheckBoxState(false) return checkBoxState }debes cambiar el estado usando:
setCheckBoxState(true);en vez de:
setCheckBoxState = true;el mejor enfoque es simplemente así:
<Checkbox checked={databaseCondition === "T"} />