Tengo 2 atributos conectados a 2 accesorios: aria-hidden y aria-label .
Cuando aria-hidden es verdadero, solo muestra ese. Si es falso, muestra solo aria-label .
Escribí este código pero no está SECO... ¿Cómo puedo mejorarlo?
render() { let svgMarkup = ''; if (this.props.hidden) { svgMarkup = ( <svg role="img" aria-hidden="true"> ... </svg> ); } else { svgMarkup = ( <svg role="img" aria-label={ this.props.label }> ... </svg> ); } return svgMarkup; }Puede configurar los accesorios en un objeto simple y luego aplicar los accesorios a su componente de reacción usando la sintaxis extendida:
render() { const ariaProps = this.props.hidden ? { 'aria-hidden': 'true' } : { 'aria-label': this.props.label }; return ( <svg role="img" {...ariaProps}> ... </svg> ); }