代码之家 › 专栏 › 技术社区 › Mo.

如何为嵌套对象声明defaultProps?

react-proptypes typescript reactjs javascript

0

Mo. · 技术社区 · 4 年前

在react组件中,有嵌套的对象 propTypes 这很好用。

UserCard.propTypes = {
  name: PropTypes.string,
  customer: PropTypes.shape({
    email: PropTypes.string,
    phoneNumber: PropTypes.string,
  }),
};

正在寻找要分配的解决方案 defaultProps 用于嵌套对象。目前的实施似乎不是有效的解决方案。

UserCard.defaultProps = {
  name: 'No Name',
  email: 'No Email',
  phoneNumber: '0',
};

0 回复 | 直到 4 年前

1

Nikita Mazur 4 年前

应该是这样的:

UserCard.defaultProps = {
  name: 'No name',
  customer: {
      email: 'No email',
      phoneNumber: '0',
  },
};