键是 ID 的对象的 PropType

Question

I'm refactoring my redux stores to be objects where the keys are IDs instead of arrays. Example:

Old:

const orders = [
  { id: a, user: 1, items: ['apple','orange'] },
];

New:

const orders = {
  a: { user: 1, items: ['apple','orange'] },
};

It was easy enough to specify the PropTypes for orders previously, but dunno how to change it now that it's an object of dynamic keys, but I want to validate each individual order.

order: PropTypes.arrayOf({
  PropTypes.shape({
    id: PropTypes.string.isRequired,
    user: PropTypes.number.isRequired,
    items: PropTypes.arrayOf(PropTypes.string).isRequired,
  }).isRequired,
}).isRequired,

How would I change my PropTypes to match the new structure?

Answer 1

See here

MyComponent.propTypes = {
  order: function(props, propName, componentName) {
    if (typeof props[propName] !== 'string') { // check if its ID
      return new Error(
        'Invalid prop `' + propName + '` supplied to' +
        ' `' + componentName + '`. Validation failed.'
      );
    }
    // add more checks for order.user, order.items, etc.
  }
}

Or you can use some other checking like: string length, mongoose objectId, etc.

Answer 2

From prop-types docs

// An object with property values of a certain type
  optionalObjectOf: PropTypes.objectOf(PropTypes.number),

so this should work

orders: PropTypes.objectOf(
  PropTypes.shape({
    user: PropTypes.number.isRequired,
    items: PropTypes.arrayOf(PropTypes.string).isRequired,
  }).isRequired,
).isRequired,