Хичээлээр react -ийн хамгийн чухал бөгөөд хэрэгтэй хукуудийн нэг болох useCallback -ийн талаар авч үзье. Хукийн судалгааг дараах
import React, {useState} from 'react'
function App() {
const [colored, setColored] = useState(false)
const [count, setCount] = useState(1)
const styles = {
color: colored ? 'darkred' : 'black'
}
return (
<div className="container">
<h1 style={styles}>Элементийн тоо: {count}</h1>
<button className={'btn btn-success mx-3'} onClick={() => setCount(prev => prev + 1)}>Нэмэх</button>
<button className={'btn btn-warning mx-3'} onClick={() => setColored(prev => !prev)}>Өөрчлөх</button>
</div>
);
}
export default App;кодоор авч үзье. Компонентийн код логикийн хувьд өмнөх хичээлүүдийнхтэй бараг ижил тул тайлбарлах нь илүүц гэж үзлээ.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэх
тэгшитгэлийг бод.