ReactJS排序列表localCompare在与ID关联的列上抛出erorr

问题描述

我正在编写带有排序功能列的react js表。仅包含文本的列工作正常,但是出现以下错误

TypeError:无法读取未定义的属性'localeCompare'

我假设或猜测localeCompare仅适用于文本列,它轰炸带有整数的列。对吗?

我的排序功能

SortTable(event,sortKey) {

if (!this.state.ascending) {
            this.state.application.sort((a,b) => a[sortKey].localeCompare(b[sortKey]))
            this.state.ascending = true
         
        } else {
            this.state.application.sort((a,b) => b[sortKey].localeCompare(a[sortKey]))
            this.state.ascending = false    
         
        }
}

我的表格代码如下

<Table striped bordered>
                                        <thead style={{'background-color': 'rgb(248,248,255)'}}>
                                            <tr>
                                <th   onClick={e=> this.sortTable(e,'myId')}>
                                                    <Button s 
                                                    <div>Phase<i className={this.state.iconName}/></div></Button></th>
</tr>
                                        </thead>
                                        <tbody>
                                            <tr>

                <td style={{textAlign:'center'}}>{this.getStringBaSEOnId(myId)}</td>
            
             
            </tr>
                                        </tbody>
                                    </Table>

函数看起来像

getStringBaSEOnId(id) {
  return 'Test'
}

感谢您的帮助。谢谢

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)