freeCodeCamp/guide/russian/certifications/front-end-libraries/react/review-using-props-with-sta.../index.md

1.3 KiB
Raw Blame History

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 
 }; 

Соответствующая ссылка