反应道具类型：现有道具类型中可重用的验证器

Question

在React中使用prop-type时，有没有一种方法可以从现有的验证器中创建可重用的验证器

---

示例：验证标题包含标题和图标的“标题”对象：

Component.propTypes = {
  header: PropTypes.shape({
    title: PropTypes.string.isRequired,
    icon: PropTypes.element,
  })
}

---

我们可以编写一个可重用的isHeader函数

Component.propTypes = {
  header: isHeader
}

Answer 1

您可以使用类似的内容：

export const shared = {
  header: PropTypes.shape({
    title: PropTypes.string.isRequired,
    icon: PropTypes.element,
  })
}

然后：

Component.propTypes = {
  {...shared}
}

Answer 2

您应该能够像这样创建可重用类型：

const myReusableHeader = PropTypes.shape({
  title: PropTypes.string.isRequired,
  icon: PropTypes.element,
})

然后您可以像这样在组件中使用它：

Component.propTypes = {
  header: myReusableHeader
}