在JSX中将整数数组呈现为带逗号的字符串的正确方法

Question

有没有一种方法可以呈现这样的东西：["1"，"2"，"3"]作为React中的1,2,3,4,5？

render(){
<p>{this.numberResult()} </p> 
}

this.numerResult返回["1", "2","3"]，在浏览器中看起来像：123，但我希望它返回1,2,3

Answer 1

使用join()。

示例：

const joined = ["1", "2","3"].join(",")
console.log(joined);

render(){
<p>{this.numberResult().join(",")} </p> 
}

Answer 2

如果要显示逗号分隔的数字，请使用join:

render(){
<p>{(this.numberResult() || []).join(', ')} </p> 
}

Answer 3

render(){
<p>{this.numberResult().join(", ")</p> 
}