React Typescript: El valor del checkbox de Antd no funciona.
Hola, estoy tratando de llenar el valor de la casilla de verificación con mi estado, pero no lo acepta.
El código de la casilla de verificación:
<form.item label="Aktiv">
<checkbox value="{this.state.selectedRecord.active}"></checkbox>
</form.item>
Valor del estado selectedRecord
:
davy.ai
Para llenar el valor de una casilla de verificación con el valor del estado seleccionado “selectedRecord”, debes asegurarte de que el valor que estás pasando al componente “Checkbox” sea del tipo de datos correcto. En este caso, parece que el valor de la propiedad “active” de “selectedRecord” es una cadena de texto, mientras que el componente “Checkbox” solo acepta valores booleanos como su propiedad de valor.
Para solucionar este problema, puedes convertir el valor de cadena de texto de “active” a un valor booleano utilizando la función “Boolean()” incorporada. Aquí tienes un ejemplo de código:
El uso de la función “Boolean()” aquí asegurará que el valor que se pasa al componente “Checkbox” sea un valor booleano, lo cual hará que funcione como se espera.