Fonction de mélange de React propTypes avec exigence

Question

Donc j'ai un accessoire dans propTypes fixé à une fonction. Toutefois, je veux également préciser que la valeur transmise à cette fonction doit être une chaîne de caractères.

Actuel :

propTypes: {
  user: function(props, propName, componentName) {
    if (props.user != undefined) console.log('Error');
  },
  x: React.propTypes.nonNegative
}

Vous voulez aussi inclure :

propTypes:{
  user: React.PropTypes.string
}

Existe-t-il un moyen d'exiger la valeur de l'attribut user pour être une chaîne de caractères tout en utilisant une fonction ?

Answer 1

Il suffit donc de tester son type avec typeof :

propTypes: {
  user: function(props, propName, componentName) {
    if (typeof props != 'string') {
      return new Error(
          'Invalid prop `' + propName + '` supplied to' +
          ' `' + componentName + '`. It must be a string.'
        );
    }
  }
}