Tengo el siguiente código en mi aplicación React:
import isRequiredIf from 'react-proptype-conditional-require' Auth.propTypes = { children: PropTypes.any, step: PropTypes.number, steps: isRequiredIf(PropTypes.number, props => props.hasOwnProperty('step')), footer: PropTypes.any } Aquí se requieren steps solo si se especifica el step .
Estoy migrando mis React PropTypes a Flow. ¿Puedo de alguna manera lograr el mismo comportamiento con Flow?
Esto no se puede hacer con Flow en este formulario. Dado que los PropTypes se comprueban en tiempo de ejecución y no de forma estática, puede haber más flexibilidad. Si un verificador de tipos estático permitiera este tipo de cosas, sería indecidible.
Sin embargo, podrías hacer algo como esto:
type Props = { children: any, // not sure about this name, but you get the idea step: ?{ step: number, steps: number, }, footer: any, } O, si puede tener steps pero no step :
type Props = { children: any, // not sure about this name, but you get the idea step: ?{ step?: number, steps: number, }, footer: any, }Obviamente, ninguna de estas opciones es tan concisa como la que tiene, y requerirá cambiar el código que produce y consume estos valores. Desafortunadamente, a veces hay que pagar un precio para obtener la seguridad de un verificador de tipos estático.
Otra opción es dejarlos ambos opcionales:
type Props = { children: any, step?: number, steps?: number, footer: any, } De esta forma, Flow no exigirá que existan steps si existe step . Sin embargo, no tendrá que cambiar su otro código, y no hay nada que le impida agregar una verificación de tiempo de ejecución (que no será peor que lo que ya tiene).