@@ -383,14 +383,14 @@ export default function List() {
/>
{person.name}:
- {' ' + person.profession + ' '}
- known for {person.accomplishment}
+ {' ' + person.profession + ', '}
+ { person.gender === 'женский' ? 'известна ' : 'известен ' } благодаря {person.accomplishment}
);
return (
- Scientists
+ Учёные
);
@@ -400,33 +400,38 @@ export default function List() {
```js data.js
export const people = [{
id: 0,
- name: 'Creola Katherine Johnson',
- profession: 'mathematician',
- accomplishment: 'spaceflight calculations',
+ name: 'Кэтрин Джонсон',
+ profession: 'математик',
+ accomplishment: 'астродинамическим расчётам',
+ gender: 'женский',
imageId: 'MK3eW3A'
}, {
id: 1,
- name: 'Mario José Molina-Pasquel Henríquez',
- profession: 'chemist',
- accomplishment: 'discovery of Arctic ozone hole',
+ name: 'Марио Хосе Молина',
+ profession: 'химик',
+ accomplishment: 'открытию арктических озоновых дыр',
+ gender: 'мужской',
imageId: 'mynHUSa'
}, {
id: 2,
- name: 'Mohammad Abdus Salam',
- profession: 'physicist',
- accomplishment: 'electromagnetism theory',
+ name: 'Мухаммад Абдус Салам',
+ profession: 'физик',
+ accomplishment: 'теории электромагнитных взаимодействий',
+ gender: 'мужской',
imageId: 'bE7W1ji'
}, {
id: 3,
- name: 'Percy Lavon Julian',
- profession: 'chemist',
- accomplishment: 'pioneering cortisone drugs, steroids and birth control pills',
+ name: 'Перси Джулиан',
+ profession: 'химик',
+ accomplishment: 'исследованиям в области производства кортизона, других кортикостероидов и противозачаточных таблеток',
+ gender: 'мужской',
imageId: 'IOjWm71'
}, {
id: 4,
- name: 'Subrahmanyan Chandrasekhar',
- profession: 'astrophysicist',
- accomplishment: 'white dwarf star mass calculations',
+ name: 'Субраманьян Чандрасекар',
+ profession: 'астрофизик',
+ accomplishment: 'расчётам предельной массы белых карликов',
+ gender: 'мужской',
imageId: 'lrWQx8l'
}];
```
@@ -458,18 +463,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.
+В статье **[Рендер списков](/learn/rendering-lists)** вы найдёте более подробную информацию о том, как отобразить массив данных и выбрать правильный ключ.
-## Keeping components pure {/*keeping-components-pure*/}
+## Использование чистых компонентов {/*keeping-components-pure*/}
-Some JavaScript functions are *pure.* A pure function:
+Некоторые JavaScript-функции называют *чистыми.* Чистая функция:
-* **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.
+* **Занимается своим делом.** Она не меняет объекты и переменные, которые существовали до её создания.
+* **Даёт предсказуемый результат.** Для одного и того же набора входных значений чистая функция возвращает одинаковый результат.
-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:
+Если вы будете писать ваши компоненты как чистые функции, вы сможете избежать ряда трудноуловимых дефектов и непредсказуемого поведения по мере роста вашей кодовой базы. Вот пример компонента, который *не является чистой функцией*:
@@ -477,9 +482,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 +500,13 @@ export default function TeaSet() {
-You can make this component pure by passing a prop instead of modifying a preexisting variable:
+Чтобы сделать компонент чистым вам нужно передать в него проп, а не изменять созданную ранее переменную:
```js
function Cup({ guest }) {
- return Tea cup for guest #{guest}
;
+ return Чашка чая для гостя #{guest}
;
}
export default function TeaSet() {
@@ -519,12 +524,12 @@ export default function TeaSet() {
-Read **[Keeping Components Pure](/learn/keeping-components-pure)** to learn how to write components as pure, predictable functions.
+Прочитайте статью **[Использование чистых компонентов](/learn/keeping-components-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!
+Перейдите к статье [Ваш первый компонент](/learn/your-first-component), чтобы изучить эту главу страница за страницей!
-Or, if you're already familiar with these topics, why not read about [Adding Interactivity](/learn/adding-interactivity)?
+Или, если вы уже знакомы с этими темами, почему бы не почитать про [Добавление интерактивности](/learn/adding-interactivity)?
);
}
@@ -40,7 +40,7 @@ function Profile() {
export default function Gallery() {
return (
);
}
@@ -112,32 +112,32 @@ img { margin: 0 10px 10px 0; }
