Чиглүүлэгч буюу url хаягт ямар параметрүүдийг дамжуулж болохыг үзье. Давхар чиглүүлэгчид хичээлд машины тухай дэлгэрэнгүй мэдээллийг
гэж харуулсан. Өөрөөр хэлбэл ямарч машиныг мэдээллийг CarFull компонентод шууд заасан байгаа.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэхМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 454 Нийтийн
Хукууд ердийн функцууд тул бид ч өөрсдөө хукийг зохион ашиглах боломжтой. Үүнийг input элемент, түүнд оруулсан текстийг үзүүлэх h1 гарчиг бүхий дараах энгийн
import React, {useState} from 'react'
function App() {
const [name, setName] = useState('')
const changeHandler = event => {
setName(event.target.value)
}
return (
<div className="container pt-3">
<input type="text" value={name} onChange={changeHandler}/>
<h1>{name}</h1>
</div>
);
}
export default App;жишээгээр харцгаая.
Нээгдсэн тоо: 1320 Нийтийн
Компонентыг бүртгүүлэх хичээлд компонентийн нэрийг 'my-counter' гэж мөр төрлөөр бичин өгсөн. Энэ нь зарим тохиолдолд асуудал үүсгэдэг. Жишээ нь та төсlлийн кодыг бичиж буй засварлагчид кодыг цэвэр байлгах ямар нэгэн хэрэгсэл /linter/ ашиглаж байвал нэрэнд хашилтыг хэрэглэвэл төслийн хэвээс хасагддаг тул үүнийг ашиглахгүй байх нь дээр. Иймээс VueJs -д компонентийн нэрийг үүсгэх өөр аргачлал байдаг. Компонентийн нэрийг өгөхдөө
new Vue({
el: '#app',
components: {
'my-counter': component
}
});хашилтанд my-counter гэж html кодод ашиглах тегийн нэрийг өгсөн байгаа.
Нээгдсэн тоо: 1087 Нийтийн
RxJs сангийн алдаа боловруулалтын талаар хичээлд авч үзье. Сервертэй ажиллах үеийн ямар нэгэн алдаанаас үүдэн хэрэглэгч талын код ажиллахгүй болох тохиолдол ихээр гардаг тул ийм үед алдааг барин боловсруулалт хийх зайлшгүй шаардлага гардаг. Алдааны боловруулалтыг дараах
Rx.Observable.throw(new Error('Алдаа гарлаа'))
.subscribe((x) => {
console.log(x);
});энгийн жишээн дээр харцгаая.
Нээгдсэн тоо: 1186 Төлбөртэй
React компонентод тулгуурладаг сан тул компонент гэж юу болохыг ойлгоцгооё. Үүний тулд машиний мэдээллийг үзүүлэх
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Lesson 01_02</title>
<style>
.car {
display: inline-block;
border: 2px solid #ccc;
box-shadow: 2px 2px 1px #eee;
padding: 10px;
margin-right: 10px;
}
</style>
</head>
<body>
<div class="car">
<h3>Toyata Camry</h3>
<p>Year: <strong>2019</strong></p>
</div>
</body>
</html>код бүхий html файлыг үүсгээд хөтөч дээр нээвэл
гэж харагдана.
задаргааны хамгийн их нэмэгдхүүн 
бол a, b, c -г ол.
тэгшитгэлийг бод.
функцийн уламжлалын 
утгыг ол.