NE
Вообще если хочется больше декларативности то советую почитать про функциональщину
Size: a a a
NE
АБ
NE
АБ
NE
NE
NE
АБ
А
const [score, setScore] = useState(0);
const scorCounter = () => {
setScore(score + 10)
}
const upHandler = ({ key }) => {
if (key === 'ArrowLeft') {
scorCounter()
}
};
useEffect(() => {
window.addEventListener('keyup', upHandler);
return () => {
window.removeEventListener('keyup', upHandler);
};
}, []);
const handlerAnswer = () => {
scorCounter()
};
<div className='controllers'>
<Button
disabled={false}
onKeyUp={upHandler('ArrowLeft')}
onClick={handlerAnswer}
className='uncorrect-button'
type='button'
children='Не верно'
/>
<Button
disabled={false}
onClick={handlerAnswer}
className='currect-button'
type='button'
children='Верно'
/>
</div>
АБ
const [score, setScore] = useState(0);
const scorCounter = () => {
setScore(score + 10)
}
const upHandler = ({ key }) => {
if (key === 'ArrowLeft') {
scorCounter()
}
};
useEffect(() => {
window.addEventListener('keyup', upHandler);
return () => {
window.removeEventListener('keyup', upHandler);
};
}, []);
const handlerAnswer = () => {
scorCounter()
};
<div className='controllers'>
<Button
disabled={false}
onKeyUp={upHandler('ArrowLeft')}
onClick={handlerAnswer}
className='uncorrect-button'
type='button'
children='Не верно'
/>
<Button
disabled={false}
onClick={handlerAnswer}
className='currect-button'
type='button'
children='Верно'
/>
</div>

setScore(score => score + 10)А

setScore(score => score + 10)А
АБ
А
ТК
ТК
АБ
ТК
ТК