1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-08 07:07:15 +02:00

Add check of isNaN

This commit is contained in:
Vladimir Kochenov
2019-12-28 12:07:04 +03:00
parent 7933686f10
commit 801b09171a

View File

@@ -10,7 +10,11 @@ const Details: React.FC<{}> = () => {
const [value, setValue] = useState(0); const [value, setValue] = useState(0);
const decrease = () => setValue(value - 1); const decrease = () => setValue(value - 1);
const increase = () => setValue(value + 1); const increase = () => setValue(value + 1);
const change = (e: React.ChangeEvent<HTMLInputElement>) => setValue(parseInt(e.target.value, 10)); const change = (e: React.ChangeEvent<HTMLInputElement>) => {
const value = parseInt(e.target.value, 10);
const newValue = isNaN(value) ? 0 : value;
setValue(newValue);
};
return ( return (
<DetailsLayout title="Stepper input"> <DetailsLayout title="Stepper input">