Saltar al contenido

React PropTypes: rango de números

Gustavo, miembro de este staff, nos ha hecho el favor de escribir este artículo porque conoce muy bien dicho tema.

Solución:

De acuerdo con la documentación, puede definir sus customProps

customProp: function(props, propName, componentName) 
    if (!/matchme/.test(props[propName])) 
      return new Error(
        'Invalid prop `' + propName + '` supplied to' +
        ' `' + componentName + '`. Validation failed.'
      );
    
  

Así que para tu caso puedes probar lo siguiente

function withinTen(props, propName, componentName) 


something.propTypes = 
  number: withinTen,
  content: React.PropTypes.node.isRequired

Puede usar el validador Prop personalizado.

completed: function(props, propName, componentName) 
    if (props[propName]>=1 &&  props[propName]<=10) 
      return new Error(
        'Invalid prop `' + propName + '` supplied to' +
        ' `' + componentName + '`. Validation failed.'
      );
    
  

Consulte la documentación para obtener más detalles.

https://reactjs.org/docs/typechecking-with-proptypes.html

Si es una secuencia, puede usar un ES6 inteligente. 🙂

[BTW, I believe the first answer is the most appreciate, this one is just trick]

PropTypes.oneOf([...(new Array(10))].map((_, i) => i + 1))

**Explicación:** Este `[...(new Array(10))].map((_, i) => i + 1)` parte dará a la secuencia.

// Sequence
console.log([...(new Array(5))].map((_, i) => i + 1))

// Spreading the Sequence numbers 
console.log(...[...(new Array(5))].map((_, i) => i + 1))

Aquí puedes ver las comentarios y valoraciones de los lectores

Nos encantaría que puedieras recomendar este tutorial si lograste el éxito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *