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

Question

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

例子:

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

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

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

Answer 1

所以如果我理解你是正确的，你需要非必需的对象位如果这个对象存在它必须有 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:

我的对象:{ 名称:'默认名称'， secondName: 'defaultSecondName', 年龄:21 }

但是如果从 props 你会得到没有名字的对象 User，你会收到关于所需名字和 secondName 的警告。