Estoy tratando de averiguar la sintaxis correcta para usar tanto el enlace dinámico mailto: como el enlace tel: en un proyecto de React en el que estoy trabajando. Creo que tengo el 'mailto:' funcionando, pero estoy luchando con la complejidad de los condicionales en el elemento del número de teléfono. NO es necesario incluir la 'extensión' en el enlace de la llamada telefónica. Todo el {JSX} incluido se transfiere como accesorios. El código está abajo:

 `<p className="cxEmail"><a className="emailLink" href={`mailto:${EMAIL}`}>{EMAIL}</a></p> <p className="cxPhoneNumber"> {AreaCode && LocalNumber ? `${AreaCode}-${LocalNumber} ${Extension `ext.${BranchPhoneExtension}` : ''}` : `${BranchPhoneAreaCode}-${BranchPhoneNumber} ${BranchPhoneExtension ? `ext.${BranchPhoneExtension}` : ''}`} </p>`

He estado tratando de hacer esto bien durante horas y me he topado con una pared al descubrir la sintaxis correcta.