javascript - 在字符串模板中使用三元运算符的正确方法是什么？

Question

我有一个 getter，它必须根据现有的 props 返回不同的值。它看起来像:

const converter = ({ propsValue }) => {
  return {
     get label() {
         return `${propsValue} ? ${propsValue} : ${anotherValue} ${secondAnotherValue}`
      } 
   }
}

问题是:字符串模板文字中三元运算符的正确语法是什么？

Answer 1

您需要将条件放在括号中

const converter = ({ propsValue }) => {
  return {
     get label() {
         return `${propsValue ? propsValue : 'anotherValue'}`
      } 
   }
}

具有动态值(value)

return `${propsValue ? propsValue : anotherValue}`;

具有两个动态值

return propsValue ? propsValue : `${anotherValue} ${secondAnotherValue}`;

或者

return `${propsValue ? propsValue : anotherValue + ' ' + secondAnotherValue}`;