在 src 中添加多个条件<img>？

Question

这是我的react应用中的一行代码

<img className='ArrowIcon' src={data?.quote_data[0].change < 0 && arrowdown}></img>

当数据小于0和大于0时，我试图更改图标，但不知道如何将两者都包括在img的src中。

有什么方法可以添加到data?.quote_data[0].change > 0时返回arrowup。当我使用逗号时，它给出并出错。

谢谢：(

Answer 1

正如问题的标题所示，您需要一个条件表达式，因此请使用条件运算符。

<img
className='ArrowIcon'
src={
data?.quote_data[0].change < 0 ? arrowdown
: data?.quote_data[0].change > 0 ? arrowup
: defaultvalue
}
></img>

(如果两个条件都不满足，则defaultvalue为(