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收到未定义时，空字符串在我的应用程序上显示为空白。我如何解决这个问题?我试过使用。trim()，但没有工作，我的应用程序崩溃了。什么好主意吗?

Answer 1

不如有条件地添加空格。

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

Answer 2

可以使用map方法代替filter:

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