@@ -384,13 +384,13 @@ export default function List() {
{person.name}:
{' ' + person.profession + ' '}
- known for {person.accomplishment}
+ ເປັນທີ່ຮູ້ຈັກສຳຫຼັບ {person.accomplishment}
);
return (
- Scientists
+ ນັກວິທະຍາສາດ
);
@@ -401,32 +401,32 @@ export default function List() {
export const people = [{
id: 0,
name: 'Creola Katherine Johnson',
- profession: 'mathematician',
- accomplishment: 'spaceflight calculations',
+ profession: 'ນັກຄະນິດສາດ',
+ accomplishment: 'ການຄຳນວນການບິນໃນອາວະກາດ',
imageId: 'MK3eW3A'
}, {
id: 1,
name: 'Mario José Molina-Pasquel Henríquez',
- profession: 'chemist',
- accomplishment: 'discovery of Arctic ozone hole',
+ profession: 'ນັກເຄມີສາດ',
+ accomplishment: 'ການຄົ້ນພົບຫຼຸມໂອໂຊນອາກຕິກ',
imageId: 'mynHUSa'
}, {
id: 2,
name: 'Mohammad Abdus Salam',
- profession: 'physicist',
- accomplishment: 'electromagnetism theory',
+ profession: 'ນັກຟີຊິກສາດ',
+ accomplishment: 'ທິດສະດີແມ່ເຫຼັກໄຟຟ້າ',
imageId: 'bE7W1ji'
}, {
id: 3,
name: 'Percy Lavon Julian',
- profession: 'chemist',
- accomplishment: 'pioneering cortisone drugs, steroids and birth control pills',
+ profession: 'ນັກເຄມີສາດ',
+ accomplishment: 'ຜູ້ບຸກເບີກຢາຄອກຕິໂຊນ, ສະເຕີລອຍ ແລະ ຢາຄຸມກຳເນີດ',
imageId: 'IOjWm71'
}, {
id: 4,
name: 'Subrahmanyan Chandrasekhar',
- profession: 'astrophysicist',
- accomplishment: 'white dwarf star mass calculations',
+ profession: 'ນັກຟີຊິກດາລາສາດ',
+ accomplishment: 'ການຄຳນວນມວນດາວແຄະຂາວ',
imageId: 'lrWQx8l'
}];
```
@@ -458,18 +458,18 @@ h2 { font-size: 20px; }
-Read **[Rendering Lists](/learn/rendering-lists)** to learn how to render a list of components, and how to choose a key.
+ອ່ານ **[ການສະແດງ Lists](/learn/rendering-lists)** ເພື່ອຮຽນຮູ້ວິທີສະແດງ list ຂອງ component ແລະ ວິທີການເລືອກ key.
-## Keeping components pure {/*keeping-components-pure*/}
+## ການຮັກສາ components ໃຫ້ pure {/*keeping-components-pure*/}
-Some JavaScript functions are *pure.* A pure function:
+ບາງຟັງຊັ່ນ JavaScript ແມ່ນ *pure.* Pure function:
-* **Minds its own business.** It does not change any objects or variables that existed before it was called.
-* **Same inputs, same output.** Given the same inputs, a pure function should always return the same result.
+* **ຄຳນຶງເຖິງເລື່ອງໂຕມັນເອງ.** ມັນບໍ່ມີການປ່ຽນແປງ object ຫຼື ຕົວປ່ຽນໃດໆທີ່ມີຢູ່ກ່ອນທີ່ມັນຈະຖືກເອີ້ນໃຊ້.
+* **input ດຽວກັນ, output ດຽວກັນ.** ຍ້ອນ input ດຽວກັນ, pure function ຄວນຈະ return ຜົນໄດ້ຮັບດຽວກັນຢູ່ສະເໝີ.
-By strictly only writing your components as pure functions, you can avoid an entire class of baffling bugs and unpredictable behavior as your codebase grows. Here is an example of an impure component:
+ໃຫ້ຂຽນ Component ຂອງທ່ານໃຫ້ເປັນຟັງຊັ່ນລ້ວນໆເທົ່ານັ້ນຢ່າງເຄັ່ງຄັດ, ທ່ານສາມາດຫຼີກຫຼ່ຽງ bug ທີ່ເຮັດໃຫ້ວຸ້ນວາຍ ແລະ ພຶດຕິກຳທີ່ບໍ່ຄາດຄິດເມື່ອ codebase ຂອງທ່ານໃຫຍ່ຂຶ້ນ. ນີ້ແມ່ນຕົວຢ່າງຂອງ component ທີ່ບໍ່ pure:
@@ -477,9 +477,9 @@ By strictly only writing your components as pure functions, you can avoid an ent
let guest = 0;
function Cup() {
- // Bad: changing a preexisting variable!
+ // ບໍ່ດິ: ປ່ຽນຄ່າຕົວແປທີ່ມີຢູ່ກ່ອນ!
guest = guest + 1;
- return Tea cup for guest #{guest}
;
+ return ຊາສຳລັບແຂກ #{guest}
;
}
export default function TeaSet() {
@@ -495,13 +495,13 @@ export default function TeaSet() {
-You can make this component pure by passing a prop instead of modifying a preexisting variable:
+ທ່ານສາມາດເຮັດໃຫ້ component ນີ້ pure ໄດ້ ໂດຍການສົ່ງ prop ແທນທີ່ການແກ້ໄຂຕົວແປທີ່ມີຢູ່ແລ້ວ:
```js
function Cup({ guest }) {
- return Tea cup for guest #{guest}
;
+ return ຊາສຳລັບແຂກ #{guest}
;
}
export default function TeaSet() {
@@ -519,12 +519,12 @@ export default function TeaSet() {
-Read **[Keeping Components Pure](/learn/keeping-components-pure)** to learn how to write components as pure, predictable functions.
+ອ່ານ **[ຮັກສາໃຫ້ Component pure](/learn/keeping-components-pure)** ເພື່ອຮຽນຮູ້ວິທີຂຽນ component ໃຫ້ pure, ແລະ ສາມາດຄາດເດົາຟັງຊັ່ນໄດ້.
-## What's next? {/*whats-next*/}
+## ຕໍ່ໄປແມ່ນຫຍັງ? {/*whats-next*/}
-Head over to [Your First Component](/learn/your-first-component) to start reading this chapter page by page!
+ໄປທີ່ [Component ທຳອິດຂອງທ່ານ](/learn/your-first-component) ເພື່ອເລີ່ມອ່ານບົດນີ້ເທື່ອລະໜ້າ!
-Or, if you're already familiar with these topics, why not read about [Adding Interactivity](/learn/adding-interactivity)?
+ຫຼຶ, ຖ້າທ່ານມີຄວາມຄຸ້ນເຄິຍກັບຫົວຂໍ້ເຫຼົ່ານີ້ແລ້ວ, ເປັນຫຍັງບໍ່ອ່ານ [ການເພີ່ມ Interactivity](/learn/adding-interactivity)?