How to declare defaultProps for the nested object?

Question

In react component there is nested object in propTypes which works fine.

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

Looking for solution to assign defaultProps for the nested objects. It seems to be current implementation is not valid solution.

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

Nikita Mazur · Accepted Answer · 2021-12-09 10:42:00Z

1

It should look like this:

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

answered Dec 9, 2021 at 10:42

Nikita Mazur

1,7971 gold badge8 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to declare defaultProps for the nested object?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related