Proper way to render integer array as a string with commas in JSX

Question

Is there a way to render something like this: ["1", "2","3"] as1,2,3,4,5 in React?

render(){
  {this.numberResult()}  
}

this.numerResult returns ["1", "2","3"] which ends up looking like: 123 in the browser but I would like it to return 1,2,3

user_5669120 · Answer

Use join().

Sample Example:

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

render(){
  {this.numberResult().join(",")}  
}

user_14087688 · Answer

If you want to show numbers comma separeted, use join:

render(){
  {(this.numberResult() || []).join(', ')}  
}

user_4442606 · Answer

render(){
  {this.numberResult().join(", ") 
}