Как обрабатывать Warning`и из prop-types? Как получить доступ к результату выполнения проверки типов из компонента?

Question

[kirillgenets]

Здравствуйте! Стоит задача сделать следующее: при поступлении в компонент props, если какое-то свойство не удовлетворяет присвоенному ему типу из propTypes, в UI вместо компонента отображать информацию о том, что произошла ошибка.
Как из компонента узнать, что к нему пришли неверные пропсы?

Answer 1

[Robur]

проверить их тип руками.
if (typeof stringProp !== 'string') //ах-ох
ну и дальше по потребностям и фантазии. Если надо что-то другое показывать - то можно прямо в рендере.
или использовать https://www.npmjs.com/package/prop-types

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