Javascript ReactJS：使用连接值连接映射输出

在我的ReactJS应用程序中，我将手机号码作为一个字符串，我需要将其打断并生成一个链接，以便它们可以在移动设备上单击。但是，取而代之的是，

[object object]，[object object]

作为输出，而它应该是

xxxxx，xxxxx，

另外，我需要将这个

mobileNumbers

功能移动到一个单独的位置，在那里可以通过多个组件访问它。
例如：当前此代码位于

页脚

组件中，并且

联系我们

组件上也需要此代码

...
function isEmpty(value) {
    return ((value === undefined) || (value === null))
        ? ''
        : value;
};

function mobileNumbers(value) {
    const returning = [];

    if(isEmpty(value))
    {
        var data = value.split(',');

        data.map((number, index) => {
            var trimed = number.trim();

            returning.push(<NavLink to={`tel:${trimed}`} key={index}>{trimed}</NavLink>);
        });

        return returning.join(', ');
    }

    return '';
};
...

。。。
函数isEmpty（值）{
返回（（值===未定义）| |（值===空））
? ''
：价值；
};
函数mobileNumbers（值）{
常量返回=[]；
if（i空（值））
{
var数据=值。拆分（'，'）；
data.map（（编号、索引）=>{
var trimed=number.trim（）；
返回.push（{trimed}）；
});
return.join（'，'）；
}
返回“”；
};
...

我做错了什么

有没有办法创建一个单独的文件，以便在需要时访问像这样的公共常量/函数

---

第一个问题：

我做错了什么

你所面临的问题正是因为这个原因而发生的。If在一天结束时创建一个字符串。从文件中：

join（）方法通过连接数组（或类似数组的对象）中的所有元素来创建并返回一个新字符串，并用逗号或指定的分隔符字符串分隔。如果数组只有一个项，那么将不使用分隔符返回该项

考虑以下几点：

const-navLinks=[{link:'randomlink'}，{link:'randomlink2'}]；
console.log（navLinks.join（'，'））

谢谢@norbitrial，它成功了。新年快乐…：）@Pummi真棒，也祝你新年快乐@Pummi用第二个问题的解释扩展了我的答案。我希望这能澄清问题。