时间戳

首页 > 解决方案 > 可以在 proptype 形状中使用默认值吗？

javascript - 可以在 proptype 形状中使用默认值吗？

问题描述

是否可以为具有所需键值对和默认键值对的对象定义类型？

例子：

const myComponent = (props) => {
  const {
    myObject: {
      someRequiredString,
      someNotRequiredString,
    }
  }
}

myComponent.propTypes = {
  myObject: PropTypes.shape({
    someRequiredString.string.isRequired,
  }).isRequired,
}

myComponent.defaultProps = {
  myObject: {
    someNotRequiredString: '',
  }
}

标签： javascriptreactjsreact-proptypes

解决方案

因此，如果我理解您的正确，您需要非必需的对象位，如果该对象存在，它必须有 2 个必填字段，并且可能有一个非必填字段

所以我们在这里：

componentForUser.propTypes = {
    myObject: PropTypes.shape({
        name:PropTypes.string.isRequired,
        secondName:PropTypes.string.isRequired,
        age:PropTypes.string,
    }),
}

componentForUser.defaultProps = {
    myObject: {
        name: 'defaultName',
        secondName: 'defaultSecondName',
        age:21
    }
}

在这种情况下，如果不需要 User 对象，那么您将获得具有属性的 User：

myObject: { name: 'defaultName', secondName: 'defaultSecondName', age:21 }

但是如果从道具中你会得到没有名字的对象用户，你会收到关于所需名字和第二个名字的警告。

推荐阅读