#
Yaroslav
export const SwitchToggle = ({ onChange, checked = false }) => {
const [checkedStatus, setCheckedStatus] = useState(checked);
useEffect(() => setCheckedStatus(checked), [checked]);
return (
<div className={style.container}>
<input
checked={checkedStatus}
id="checkbox"
onClick={() => setCheckedStatus(!checkedStatus)}
onChange={onChange}
type="checkbox"
/>
<label htmlFor="checkbox"></label>
</div>
);
};
const [checkedStatus, setCheckedStatus] = useState(checked);
useEffect(() => setCheckedStatus(checked), [checked]);
return (
<div className={style.container}>
<input
checked={checkedStatus}
id="checkbox"
onClick={() => setCheckedStatus(!checkedStatus)}
onChange={onChange}
type="checkbox"
/>
<label htmlFor="checkbox"></label>
</div>
);
};
а зачем тебе стэйт если ты в нем хранишь проп без каких-либо изменений?
