javascript - 在 JSX 中的三元运算符内添加函数调用

Question

我想在三元运算符条件内调用函数。我的代码是这样的:

{snapshot.Bid[0].Price !== 'undefined'
                  ? `(${initialOrderInfo.snapshot.Bid[0].Price}`
                    {renderCurrencySymbol(
                      initialOrderInfo.instrumentInfo.currency
                    )}

但它向我显示了多个错误。有什么想法我应该做什么吗？

Answer 1

#1 错误

您缺少:。

// example
? `(${initialOrderInfo.snapshot.Bid[0].Price}`
                        : {renderCurrencySymbol(

condition ? expr1 : expr2

了解更多关于 MDN

<小时/>

#2 错误

关于用作第一个表达式的模板字符串

(${initialOrderInfo.snapshot.Bid[0].Price}

不正确的是使用 ( 左括号，而不是右括号。这里使用括号是没有意义的。

您甚至不需要使用模板字符串。

有效代码是

initialOrderInfo.snapshot.Bid[0].Price 
//or 
`${initialOrderInfo.snapshot.Bid[0].Price}`

<小时/>

但是在您的情况下，正确的 JSX 假设 renderCurrencySymbol() 是一个类方法，如下所示:

{snapshot.Bid[0].Price !== 'undefined'
                  ? initialOrderInfo.snapshot.Bid[0].Price
                    : this.renderCurrencySymbol(
                      initialOrderInfo.instrumentInfo.currency
                    )}