javascript - Getting extra bullet in return split and map

Question

I'm getting extra empty bullet using this global function. I want to next line the strings from the object and layout or return in bulleted

Here's the data

{ 
  target: '● Participates in technical discussions, suggesting possible options for designs and best practices ● Answers customer inquiries promptly',
}

Here's my code

export function formatString(text) {
 const newText = text.split('●').map(str => <p>● {str}</p>);
 return newText;
}

Applying it to another component and passing the parameter formatString(target)

Answer 1

Before the first bullet point, there is an empty string. Slice the array.

export function formatString(text) {
 const newText = text.split('●').slice(1).map(str => <p>● {str}</p>);
 return newText;
}