reactjs - 如何显示组件中字符串中的所有字符？

Question

我有一个字符串abcdefghijklmnopqrstuvwxyz，我用它split()来分隔字符串中的字符。下面是我尝试过的代码

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

下面是render()

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

我想显示组件中的所有字符。如何显示它，如图所示

标签： reactjs

Answer 1

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

 );       

}