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.
|
||
|