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)