mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-09-24 23:01:18 +08:00
Egor
346b0a7ce1
* docs: update translation for React guide in Russian * fix: removed extra line before frontmatter block * fix: removed extra line in frontmatter block * fix: corrected frontmatter block * fix: corrected localeTitle in frontmatter block * Update index.md * fix: corrected localeTitle for Installation * Update index.md * Update index.md
31 lines
953 B
Markdown
31 lines
953 B
Markdown
---
|
|
title: Props
|
|
localeTitle: Props
|
|
---
|
|
### Что такое props?
|
|
|
|
Props (упр. от слова properties) - это дата, переданная в компонент. Они неизменяемы (только для чтения).
|
|
|
|
Свойства - это произвольные данные, переданные в компонент. Все компоненты React, должны действовать как чистые функции (оставлять свойства неизменными).
|
|
|
|
### Пример
|
|
|
|
```shell
|
|
function Welcome(props) {
|
|
return <h1>Hello, {props.name}</h1>;
|
|
}
|
|
|
|
function App() {
|
|
return (
|
|
<div>
|
|
<Welcome name="Sara" />
|
|
<Welcome name="Cahal" />
|
|
<Welcome name="Edite" />
|
|
</div>
|
|
);
|
|
}
|
|
```
|
|
|
|
name является свойством, которое через props.name может получить компонент Welcome.
|
|
|