Tengo un código como el siguiente,
{hideValue && !isOpen && ( <span> {percentage} </span> )} {!hideValue && !isOpen && ( <span> {value} </span> )}¿Cómo reescribir el código anterior usando el operador ternario?
Soy nuevo en el uso del operador ternario. Podría alguien ayudarme con esto. Gracias.
Creo que lo que tienes está bien (tal vez haya algún código duplicado), pero de hecho puedes usar un operador ternario.
Un operador ternario es básicamente una forma abreviada de escribir una declaración if-else. En este caso, si hideValue es true , queremos mostrar el percentage ; de lo contrario, mostraremos el value .
Algo como esto:
{!isOpen && (hideValue ? <span>{percentage}</span> : <span>{value}</span> )} Tenga en cuenta que, dado que !isOpen siempre debe ser falso, puede hacerlo antes.
También puedes implementarlo así:
{!isOpen && <span> {hideValue ? percentage : value} </span>} ya que ambos usan la etiqueta <span> .