-1

Estou fazendo uma lógica de comparação dentro do ClassName, segue:

<button className={'OVERDUE' || 'CONFIRMED' || 'RECEIVED' === 'PENDING' ? 'YES' : 'NO'} onClick={ () => this.showModalEdit(payment)} >My button</button>

O problema do código é que ele sempre volta YES.

2
  • Estou meio confuso com o que você tentou fazer. Qual era o comportamento esperado?
    – Andre
    Commented 22/05/2020 às 16:26
  • Você não está comparando nada com variáveis. Monte sua lógica em um if primeiro e depois tente colocar no className, se desejar Commented 22/05/2020 às 16:29

1 Resposta 1

0

Seria validar cada um dos status e colocar a pendência como: sim ou não?

let $status = null
let $render = null

//verifica o status e cria um JSX a partir do resultado
if (($status === 'OVERDUE') || ($status === 'CONFIRMED') || ($status === 'RECEIVED')) {
   $render = <button className="PENDING YES"> onClick={ () => 
          this.showModalEdit(payment)} > My button</button>
   } else {
       $render = <button className="PENDING NO"> onClick={ () => this.showModalEdit(payment)} > My button</button> }

//Reinderiza o objeto $ render a partir da condição
<div>
{$render}
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .