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

我有一个必须根据现有道具返回不同值的吸气剂。看起来像：

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

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

最佳答案

您需要将条件放在方括号中

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

具有动态价值

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

具有两个动态值

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

要么

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