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