Checkbox komisches Verhalten

[laske185]

Klickt man auf die Checkbox muss man immer zweimal Klicken bis sie den Wert ändert.

1. Unchecked:

2. Checked:

3. Checked:

4. Unchecked:

const [checked, setChecked] = useState<boolean>(false);

	return (
		<>
			<KolInputCheckbox _checked={checked} _label="test" _on={{ onInput: (e, v) => setChecked(!v) }} />
		</>
	);

"@public-ui/components": "2.2.3",

[sdvg]

Ich glaube der Fehler liegt hier im Beispiel:

const [checked, setChecked] = useState<boolean>(false);

return (
    <>
-        <KolInputCheckbox _checked={checked} _label="test" _on={{ onInput: (e, v) => setChecked(!v) }} />
+        <KolInputCheckbox _checked={checked} _label="test" _on={{ onInput: (e, v) => setChecked(v) }} />
    </>
);

So wäre es korrekt. Als value (v) wird immer der neue Value bzw. State übergeben. Wird er negiert, ist der State entsprechend falsch.

@laske185 Bitte um Bestätigung. Habe ich hier einen Denkfehler?

[laske185]

Wichtig ist die Unterscheidung zwischen checked und value!
Ein verbessertes Beispiel: https://stackblitz.com/edit/vitejs-vite-sdv12gaw?file=src%2FApp.tsx

[laske185]

Verhalten der Checkbox passt. Muss in Doku erklärt werden.