Динамически изменять текст, если статус текста =

Question

просто хочу спросить, возможно ли для ReactJS сделать это:

if(Response.text === 'Cancelled'){
   //Change text color to red
}else{
   //change to color green
}

Спасибо

Answer 1

Да это возможно во всех средах javascript.

для этого случая в ReactJS вы должны сделать это:

<p style={{color: API_RESPONSE === 'Cancelled' ? 'red' : 'green'}}>
...
</p>

Answer 2

Возможно

    <div style={{color: Response.text === 'Cancelled' ? 'color1' : 'color2'}}>
    //dosomthing
    </div>

Answer 3

Да, это возможно.if (text == отменено) {написать класс css для красной кнопки} else {написать класс css для зеленой кнопки} для этого кода, вам следует использовать классы css для изменения цвета