Что такое проверка типов *propTypes*, зачем оно? Как использовать в реалиях?

Question

[Cyberial Syntwaiser]

Доброго времени! Ребята нужна помощь, столкнулся с таким кодом

class PageContainer extends PureComponent {
  render() {
    const {
      children,
    } = this.props;

    return (
      <section className='PageContainer'>
        {children}
      </section>
    );
  }
}

PageContainer.propTypes = {
  children: PropTypes.node,
};

Ну сначала мы делаем переменную для добавления в react свойства для всех компонентов? *const {
children,
} = this.props;*
Затем выводим некий контент с этим свойством *return (

{children}

*
А вот последнее что это? Как оно работает в месте? Может я еще глуп и пишу глупости ?)

Answer 1

[lnked]

Почитайте про проверку типов

Comments

[Cyberial Syntwaiser]

Забыл указать об этом, я читал это но я не понимаю для чего проверять типы, как оно может помочь при разработке

[Ant Li]

Cyberial Syntwaiser, PropTypes помогает разрабу понять что приходит или должно прийти в данный компонент. Это особенно удобно для нового разраба на проекте. Грубо говоря, можешь считать что это подсказка для тебя.

Answer 2

[Павел Диденко]

Данный компонент - обертка, который принимает другой компонент и рендерит его в теге section. Проп тайпс здесь для того, чтобы проверить тип элемента, который будет обернут и говорит тебе, что оборачиваемый элемент должен быть ДОМ-узлом. Если тип будет отличаться, то приложение упадет с ошибкой.
Вот инфа по таким пропсам клик, а почитать про проп тайпс уже кидали ссылку выше