useContext хичээлийн жишээн дээр useReducer хукийн ажиллагааг судлая. Та redux -ийг ашиглаж байсан бол useReducer -ийн ажиллагааны зарчмыг ойлгоход хөнгөн. useReducer -ийн ажиллагааны санаа useState -ийнхтэй төстэй ч гадаад функцийн тусламжтайгаар компонентийн төлвийн өөрчлөлтийг хийдэгт оршино. useReducer -ийг ашиглан мэдээллийг нээх, хаах ажиллагааны логикийг өөрчлөн бичье.
Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 442 Бүртгүүлэх
React компонентод параметр дамжуулах бас нэгэн аргыг авч үзье. Компонентийн хэвд jsx гэж нэрлэгддэг html маягийн бичлэгийг ашиглаж байгаа. App компонентод Car компонентийг оруулан ирэхдээ
<Car name={'Toyata Prius'} year={'2018'} />гэж компонентийн нэрийг өөрөө хаагдсан (/> -ийг ашиглана) html тег хэлбэрээр бичин өгч байгаа.
Нээгдсэн тоо: 616 Төлбөртэй
Програмд нэвтрэхэд хэрэглэгчийн нууц үгийг авах талбар ихэнхдээ байдаг. Ийм төрлийн талбарт шалгалтыг хэрхэн хийхийг сурцгаая. Үүний тулд Шалгалтын алдааг үзүүлэх хичээлийн App компонентийн шаблоны кодыг доорх байдлаар өргөжүүлье.
<template>
<div class="container">
<form action="" class="pt-4">
<div class="form-group">
...
</div>
<div class="form-group">
<label for="password">Password</label>
<input
type="password"
id="password"
class="form-control"
:class="{'is-invalid': $v.password.$error}"
@blur="$v.password.$touch()"
v-model="password"
>
</div>
</form>
</div>
</template>Нээгдсэн тоо: 501 Бүртгүүлэх
Чиглүүлэгч буюу url хаягт ямар параметрүүдийг дамжуулж болохыг үзье. Давхар чиглүүлэгчид хичээлд машины тухай дэлгэрэнгүй мэдээллийг
гэж харуулсан. Өөрөөр хэлбэл ямарч машиныг мэдээллийг CarFull компонентод шууд заасан байгаа.
Нээгдсэн тоо: 355 Бүртгүүлэх
Хичээлээр react -ийн хукуудаас их өргөн ашиглагддаг useEffect -ийн талаар авч үзье. useEffect -ийн ажиллагааг судлах хуудасны кодийг
import React, {useState} from 'react'
function App() {
const [type, setType] = useState('users')
return (
<div className="container">
<h1>Өгөгдлүүд: {type}</h1>
<button onClick= {() => setType('users')} className="btn btn-primary mx-3">Хэрэглэгчид</button>
<button onClick= {() => setType('todos')} className="btn btn-primary mx-3">Хийх ажлууд</button>
<button onClick= {() => setType('posts')} className="btn btn-primary mx-3">Нийтлэлүүд</button>
</div>
);
}
export default App;гэж үүсгэе.
функцийн 
интервал дахь хамгийн бага утгыг ол.
бол M·N=?