реагировать на ошибку проверки типа проп

Question

У меня есть компонент React со следующими определенными типами:

NavBar.propTypes = {
  navbar: PropTypes.arrayOf(PropTypes.shape({
    brand: PropTypes.shape({
      linkTo: PropTypes.string,
      text: PropTypes.string,
    }),
    links: PropTypes.arrayOf(PropTypes.shape({
      linkTo: PropTypes.string,
      text: PropTypes.string,
      dropdown: PropTypes.bool,
      active: PropTypes.bool,
      links: PropTypes.links,
      eventKey: PropTypes.string,
    })),
  })),
};

Проверка правильности реквизита при следующих ошибках:

20:50  error  'navbar.brand.linkTo' is missing in props validation  react/prop-types
20:83  error  'navbar.brand.text' is missing in props validation    react/prop-types
5:45  error  'linkTo' is missing in props validation  react/prop-types
5:60  error  'text' is missing in props validation    react/prop-types
6:47  error  'linkTo' is missing in props validation  react/prop-types
6:62  error  'text' is missing in props validation    react/prop-types
5:7   error  'active' is assigned a value but never used  no-unused-vars
6:23  error  'links' is missing in props validation       react/prop-types
6:29  error  'links.map' is missing in props validation   react/prop-types
17:42  error  'text' is missing in props validation        react/prop-types
7:23  error  'links' is missing in props validation      react/prop-types
7:29  error  'links.map' is missing in props validation  react/prop-types

Как мне структурировать мои типы, чтобы не получать эти ошибки

Answer 1

navbar проблемы с проверкой: вы определяете navbar как массив, но похоже, что он используется как объект.

linkTo проблемы с проверкой: вы вкладываете linkTo внутриnavbar.brand и navbar.links в определении propsTypes, но похоже, что вы используете его непосредственно как this.props.linksTo.

text проблемы проверки: вы вложили text внутрь navbar.brand и navbar.links в определении propsTypes, но похоже, что вы используете его непосредственно как this.props.text.

links проблемы проверки: вы вкладываете links внутри navbar в определении propsTypes, но это выглядиткак если бы вы использовали его непосредственно как this.props.links.

active проблема с проверкой: вы определяете active и не используете его.

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