简体   繁体   中英

How can I conditionally apply styling to one React property in a paragraph?

I have such a condition:

<p style={{color:props.age >= 10 ? 'green' : 'orange'}}>Age: {props.age}</p>

I do not want it to color the "Age" only the number.

在此处输入图像描述

<p>Age: <span style={{color:props.age >= 10 ? 'green' : 'orange'}}>{props.age}</span></p>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM