Когда дело доходит до использования prop-types в React, есть ли способ создать многократно используемые валидаторы из существующих валидаторов?
Пример: проверка объекта «заголовок», где заголовок имеет заголовок и значок:
Component.propTypes = {
header: PropTypes.shape({
title: PropTypes.string.isRequired,
icon: PropTypes.element,
})
}
вместо того, чтобы повторять это, когда реквизит передается по цепочке компонентов, можем ли мы написать повторно используемую функцию isHeader
Component.propTypes = {
header: isHeader
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете использовать что-то вроде:
export const shared = {
header: PropTypes.shape({
title: PropTypes.string.isRequired,
icon: PropTypes.element,
})
}
а потом:
Component.propTypes = {
{...shared}
}
Вы должны иметь возможность создать свой многоразовый тип следующим образом:
const myReusableHeader = PropTypes.shape({
title: PropTypes.string.isRequired,
icon: PropTypes.element,
})
И затем вы можете использовать его в своих компонентах следующим образом:
Component.propTypes = {
header: myReusableHeader
}