Проверка типов пропов в реагирующем компоненте

Question

У меня есть пара вопросов о типах реквизитов в React: 1. когда мы должны использовать реактивную проверку типов реквизитов в компоненте, нужно ли использовать ее во всех компонентах с переданными реквизитами?2. Может ли проверка типа реквизита применяться как в компоненте без состояния, так и в компоненте класса?

Answer 1

Вы можете использовать типы проп в любых компонентах, которые вы хотите, чтобы произошла проверка проп.Его не нужно использовать в каждом компоненте, который использует реквизит, хотя обычно это хорошо сделать.

Для компонента класса вы можете сделать:

class Component extends React.Component {
  static propTypes = {
    // prop types here
  }

  // component stuff
}

Дляфункциональный компонент, вы можете сделать:

const Component = (props) => {
  // component stuff
}

Component.propTypes = {
  // prop types here
}

Answer 2

Когда вы должны их использовать?Когда угодно.Было бы неплохо добавить их, если вы делитесь этими компонентами с другими разработчиками (на работе или в npm)

Можете ли вы использовать их как в функциональных, так и в классовых компонентах?Да.