freeCodeCamp/guide/russian/react/props/index.md

31 lines
953 B
Markdown
Raw Normal View History

2018-10-12 20:00:59 +00:00
---
title: Props
localeTitle: Props
2018-10-12 20:00:59 +00:00
---
### Что такое props?
Props (упр. от слова properties) - это дата, переданная в компонент. Они неизменяемы (только для чтения).
2018-10-12 20:00:59 +00:00
Свойства - это произвольные данные, переданные в компонент. Все компоненты 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.