глядя объединить их в одну строку с дефисом

Question

У меня есть такая функция отображения, как показано ниже, где я назначаю этот объект для поиска в раскрывающемся списке на другой странице

  const mapOptions =
equipmentDensitySourceTypeData !== (undefined && null)
  ? equipmentDensitySourceTypeData.libraryEquipment.map(code => ({
      label:
        code.equipmentSource.name -
        code.equipmentSource.edition -
        code.category -
        code.spaceFunction -
        code.revision,
      key: code.id,
    }))
  : null;

здесь только ревизия является целым числом, а остальные все являются строками, когда я проверяю mapOptions объект я получаю label значение как NaN и для ключа я получаю правильное значение ..

Я ищу метку, должна быть строка, отделенная от -

Я не уверен, где я делаю что-то не так, может ли кто-нибудь предложить какие-либо идеи по этому поводу .. Я использую React JS с ES6 для приведенного выше кода

PS: я также пытался так ${code.category} - ${code.spaceFunction} но получаю то же самое NaN

Answer 1

Вы можете использовать шаблонные литералы для объединения строки. Обратите внимание на использование обратной галочки

const mapOptions =
  equipmentDensitySourceTypeData !== (undefined && null) ?
  equipmentDensitySourceTypeData.libraryEquipment.map(code => ({
    label: `${code.equipmentSource.name}-
            ${code.equipmentSource.edition}-
            ${code.category}-
            ${code.spaceFunction}-
            ${code.revision}`,
    key: code.id,
  })) :
  null;

Answer 2

Попробуйте использовать -

const mapOptions =
equipmentDensitySourceTypeData && 
equipmentDensitySourceTypeData.libraryEquipment.map(code => ({
  label:
    `${code.equipmentSource.name} -
    ${code.equipmentSource.edition} -
    ${code.category} -
    ${code.spaceFunction} -
    ${code.revision}`,
  key: code.id,
}));