时间戳

首页 > 解决方案 > React 空字符串显示为空格

javascript - React 空字符串显示为空格

问题描述

我有以下代码：

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 时，空字符串在我的应用程序中显示为空白。我该如何解决这个问题？我试过使用 .trim() 但没有用，我的应用程序崩溃了。有任何想法吗？

标签： javascriptreactjs

解决方案

您可以使用 map 方法代替过滤器：

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

推荐阅读