29 lines
1.3 KiB
Markdown
29 lines
1.3 KiB
Markdown
---
|
||
title: Review Using Props with Stateless Functional Components
|
||
localeTitle: Обзор использования реквизитов с функциональными компонентами без учета состояния
|
||
---
|
||
## Обзор использования реквизитов с функциональными компонентами без учета состояния
|
||
|
||
### Советы
|
||
|
||
* Функциональный (aka stateless) компонент - это просто простая функция javascript, которая принимает реквизит в качестве аргумента и возвращает элемент реакции.
|
||
* Используйте `Component.defaultProps` для установки реквизитов по умолчанию.
|
||
* Используйте `Component.propTypes` для установки типов реквизитов.
|
||
|
||
### Решение
|
||
|
||
```javascript
|
||
const Camper = props => (<p>{props.name}</p>);
|
||
|
||
Camper.defaultProps = {
|
||
name: 'CamperBot'
|
||
};
|
||
|
||
Camper.propTypes = {
|
||
name: PropTypes.string.isRequired
|
||
};
|
||
```
|
||
|
||
### Соответствующая ссылка
|
||
|
||
* [Типеринг с помощью PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html) |