React 空字符串顯示為空格

Question

我有以下代碼：

export const formatAddress = address => {
  const {
    flatName,
    buildingName,
    houseNumber,
    streetName,
    city,
    postCode
  } = address;
  return [
    flatName || '',
    buildingName || '',
    `${houseNumber || ''} ${streetName || ''}`,
    city,
    postCode
  ]
    .filter(val => val)
    .join('\n');
};

我的問題是，當收到未定義的 houseNumber 時，空字符串在我的應用程序中顯示為空白。 我該如何解決這個問題？ 我試過 using.trim() 但沒有用，我的應用程序崩潰了。 有任何想法嗎？

Answer 1

您可以使用 map 方法代替過濾器：

 .map(val => val.toString().replace(/^\s+|\s+$/gm,''))

Answer 2

如何有條件地添加空間。

${houseNumber? houseNumber + ' ': ''}${streetName || ''} ${houseNumber? houseNumber + ' ': ''}${streetName || ''} ,