Actualmente tengo el siguiente código:
const renderModal = location.state?.modal ?? isModal ?? false; const FormComponent = renderModal ? FormModal : Default; que verifica si renderAsModal es verdadero y luego devuelve el componente Modal si es así (si no, el componente predeterminado)
Pero ahora tengo otro modal posible, que puedo verificar así:
const renderCustomModal: boolean = location.state?.modal ?? isModal ?? form.key === "UniqueKey" ?? false; ¿Cómo puedo actualizar mi asignación de FormComponent para verificar renderCustomModal también para que mi CustomModal pueda incluirse en los 3 componentes de React que se pueden devolver? Cualquier enlace útil / mejores prácticas sería realmente apreciado.
Aquí es donde generalmente divido mi lógica en una función separada.
const pickFormComponent = (arguments, you, need) { if (someCondition) return FormModal; if (someOtherCondition) return OtherComponent; return Default; }entonces puedes simplemente:
const FormComponent = pickFormComponent(and, some, arguments);