如何进行可重用的proptype验证？

Question

假设我有一个名为Logo的父组件，它包含两个子组件，分别是Image和Text 。 下面的代码显示了我如何验证父组件的道具。

Logo.propTypes = {
  type: PropTypes.string,
  children: PropTypes.oneOfType([
    PropTypes.shape({
      type: PropTypes.oneOf([Image, Text])
    }),
    PropTypes.arrayOf(
      PropTypes.shape({
        type: PropTypes.oneOf([Image, Text])
      })
    )
  ])
};

这工作正常，做我真正想要的。
但我有很多其他组件，我做同样的孩子验证坚果只有改变是PropTypes.oneOf([Image, Text])数组。 因此，在这种情况下，我认为应该有一种在javascript / react中使用它的常用方法，使得此代码段可以在组件中重用。

Answer 1

您可以在一个更好的解决方案中思考，但propTypes实际上只是一个对象，如果您将其转换为接收两个参数image和text并返回一个对象的函数，那么您可以将其导入组件中：

export const myPropTypesCreator = (image, text) =>({/*return the object*/})

在你的组件内：

import { myPropTypesCreator } from './mypath'
Logo.propTypes = myPropTypesCreator(image,text)