bastante principiante aquí, pero estoy luchando para que lo siguiente funcione. Aquí tengo una condición if else de la que quiero que dependa el mensaje de la etiqueta, pero recibo un mensaje de error. No puedo encontrar el nombre 'mensaje'. ¿Qué estoy haciendo mal? La condición if else es la siguiente:
if(devEnv()) { const message = useMessageAsString( <FormattedMessage id="xxxxxx" defaultMessage="I've read and accept the <aTerms>Terms of Use</aTerms> and <aPrivacy>Privacy Policy</aPrivacy>" values={{ aTerms: (msg: string) => ( <a rel="noreferrer noopener" target="_blank" href={URL_TERMS_AND_CONDITIONS_DEV} > {msg} </a> ), aPrivacy: (msg: string) => ( <a rel="noreferrer noopener" target="_blank" href={URL_PRIVACY_POLICY} > {msg} </a> ), }} /> ) } else { const message = useMessageAsString( <FormattedMessage id="xxxxx" defaultMessage="I've read and accept the <aTerms>Terms of Use</aTerms> and <aPrivacy>Privacy Policy</aPrivacy>" values={{ aTerms: (msg: string) => ( <a rel="noreferrer noopener" target="_blank" href={URL_TERMS_AND_CONDITIONS} > {msg} </a> ), aPrivacy: (msg: string) => ( <a rel="noreferrer noopener" target="_blank" href={URL_PRIVACY_POLICY} > {msg} </a> ), }} /> ) }Y luego en el regreso quiero hacer esto:
<CheckBox data-testid={'terms_and_privacy_policy'} checked={formValues.accepted_terms_and_privacy_policy} onChange={() => { if (!isValid) { triggerValidation() } onFormFieldChange( 'accepted_terms_and_privacy_policy', !formValues.accepted_terms_and_privacy_policy ) }} label={message} />El problema es que el message variable solo se declara dentro de un alcance limitado. Si todo este código vive dentro de render() , intente definir el mensaje antes de verificar la condición como una var mutable (o let ) como esta:
var message = ""; if (devEnv()) { message = useMessageAsString( ... } else { message = useMessageAsString( ... } return ( ... label={message} ) Alternativamente, puede seguir con const pero usar un operador ternario para la asignación:
const message = devEnv() ? versionA : versionB; Si, por alguna razón, está utilizando componentes basados en clases y el mensaje está definido en otra función de render , deberá declararlo como un campo en la clase.