微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。