How to display all the characters from a string in the component?

I have a string abcdefghijklmnopqrstuvwxyz and I used the split() to seperate the characters from the string. Down below is the code I tried

getBrandSortData(){
    let brandList = 'abcdefghijklmnopqrstuvwxyz'.split("");
    <div>
        <ul>
            {brandList.map((item,index) => 
                <li key={index}>{item}</li>    
            )}
        </ul>
    </div>
    console.log(brandList)
}

Down below is the render()

render() {
    return (
        <div>
            <div>
                {this.getBrandSortData()}
            </div>
        </div>
        
    )
}

I want to display all the characters in my component. How to display it as shown in

enter image description here

Answer

getBrandSortData(){
  let brandList = 'abcdefghijklmnopqrstuvwxyz'.split("");
  return (
    <div>
      <ul>
        {brandList.map((item,index) => 
            <li key={index}>{item}</li>    
        )}
      </ul>
    </div>

 );       

}