Чиглүүлэгч буюу url хаягт ямар параметрүүдийг дамжуулж болохыг үзье. Давхар чиглүүлэгчид хичээлд машины тухай дэлгэрэнгүй мэдээллийг
гэж харуулсан. Өөрөөр хэлбэл ямарч машиныг мэдээллийг CarFull компонентод шууд заасан байгаа.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 448 Бүртгүүлэх
Өмнөх Хулганы товч даралтын боловсруулалт хичээлд асуулт, түүний хариултуудын хувилбарууд, зөв хариултын дугаар зэргийг quiz массивт тодорхойлон өгснөөр манай төслийн сорилго явуулах хуудас
байдлаар харагдах болсон.
Нээгдсэн тоо: 1026 Нийтийн
Өмнөх хичээлүүдэд үүсгэсэн App, Car компонентууд өөрийн статик агуулгуудыг л хуудаст харуулж байгаад бага зэргийн динамик ажиллагааг оруулах гээд үзье. Компонентийн агуулгын хэсэг jsx бичлэгийн дүрмээр бичигдсэн javascript код учраас бид түүнд динамик ажиллагааг оруулахад төвөггүй мэт. Иймээс Car компонентийн кодийг
import React from 'react'
const car = () => <div>
<p>This is car component</p>
<p><strong>1+1</strong></p>
</div>
export default car гэж өөрчлөөд хуудсаа харвал
Нээгдсэн тоо: 842 Нийтийн
Сүүлийн жилүүдэд Javascript хэл хөгжихийн хирээр түүнийг хэрэглэгч талын хуудасны хөгжүүлэлтэд улам ихээр ашиглан нэг хуудаст аппликашныг /SPA/ хийхэд өргөнөөр ашиглах боллоо. Цаашид Javascript програмистуудын эрэлт огцом өсөх хандлага бий болж байгаа тул та програмын чиглэлээр ажилладаг эсхүл суралцдаг бол сайтын хичээлүүдтэй танилцахыг санал болгоё. Хичээлд масиваас стрим үүсгэх боломжийг авч үзэх болно. Үүний тулд төслийн index.js файлд
function createSubscribe(name) {
return {
next(x) {
console.log(name, ': ', x);
},
error(err) {
console.log('Error: ', err);
},
complete() {
console.log(name, ': Completed!');
}
}
}
Rx.Observable.from([1, 2, 3, 4])
.subscribe(createSubscribe('from'));кодыг оруулан өгье.
Нээгдсэн тоо: 979 Төлбөртэй
RxJs сангийн хүрээнд буфер гэж юу болох талаар энэ хичээлээр авч үзье. Буфер гэдгийг утгуудыг түр зуур хадгалах сав буюу орон зайг гэж ойлгоорой.
buffer, bufferTime арга
Практик жишээгээр ухагдхууныг ойлгох нь амархан байдаг учраас шууд
Rx.Observable.interval(500)
.buffer(Rx.Observable.interval(2000))
.take(3)
.subscribe(createSubscribe('buffer'));кодыг авч үзье. Хөтөч дээр хуудсаа нээвэл консолд
үр дүнг үзүүлнэ. Код юу хийж байгааг авч үзье.
тэгшитгэлийг бод.