如何使用道具类型强制阵列形状和大小？

Question

我试图创建一个可以是字符串或只有一个字符串和一个对象形状的数组，例如[10，{消息：你好世界，类型：成功}]

目前，我有：

static propTypes = {
    myProp: PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.arrayOf(
            PropTypes.oneOfType([PropTypes.string, myObjectShape])
        ),
    ]),
 }

这将接受可以有任意数量的字符串或对象形状的字符串或数组。有没有办法将数组限制为只有一个字符串和一个对象形状？

Answer 1

可以创建自定义道具类型。类似于。。。

myProp: function(props, propName, componentName) {
    if (!props[propName] || !props[propName].length !== 2) {
      return new Error(`${propName} must be an array with length 2`);
    }

    if (typeof props[propName][0] !== 'string') {
      return new Error(`The first element in ${propName} must be a string`);
    }

    // check for the shape of the object at index 1...
}

更多关于它在这里。