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 || ''} ,