How to assign style depending on value?

Question

React

I have the following code:

renderCrypto(obj,index){
            return(
                <div key={index} className='col-md-3'>
                    <button type="button" className="btn btn-light">
                          <a style={{ color: "rgb(2, 214, 19)" }}>({obj.percent_change_24h})%</a>
                    </button>
                </div>
            )}

In obj.percent_change_24h a value is stored - for example (2%) or (-2%)
How to check for example if there is -2% then color will be red?

Answer 1

renderCrypto(obj,index){
           const percentColor = obj.percent_change_24h === -2'  ? 'red' : 'rgb(2, 214, 19);
            return(
                <div key={index} className='col-md-3'>
                    <button type="button" className="btn btn-light">
                          <a style={{ color: percentColor }}>({obj.percent_change_24h})%</a>
                    </button>
                </div>
            )}