如果文本状态为=，则动态更改文本

Question

只想询问ReactJS是否可以这样做：

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

由于

Answer 1

是的，这是可能的。 if（text == cancelled）{  写下红色按钮的css类 } 其他{ 写绿色按钮的css类 } 对于此代码，您必须使用css类来更改颜色

Answer 2

是它可以在所有javascript框架中使用。

对于ReactJS中的这种情况，你必须这样做：

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

Answer 3

可能

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