可以在 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：

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

但是，如果从 props 中您将获得没有名称的对象 User，则会收到有关所需名称和第二个名称的警告。

Answer 2

也许自从提出这个问题以来这已经改变了，但是你不能为这样的嵌套值提供 defaultProps 。