Cannot read property 'sortFunc' of undefined - when using map function to generate TableHeaderColumn

Đang mở
  • Có gì không ổn?
#2,094 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, react
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách so sánh các phần tử TableHeaderColumn được hard-code với các phần tử được tạo bởi map tablehdr, tập trung vào các props liên quan đến việc sắp xếp và lỗi sortFunc đã được báo cáo. Không có tệp nguồn hoặc test nào được nêu; hoàn thành có nghĩa là các header được map render mà không gặp lỗi sortFunc undefined, đồng thời vẫn giữ các cột dự kiến.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

I can't seem to figure this out. Looked at all the documents and support blogs. Hard coding TableHeader Column works, doing the same thing with map function does not work. Sorry if the code is not readable - I'm new to submitting these.

This code works:
<TableHeaderColumn width='5%' dataAlign='center' dataField='ID' isKey=true}>ID</TableHeaderColumn> <TableHeaderColumn dataField='status'dataSort={true}>Status</TableHeaderColumn> <TableHeaderColumn width='13%' dataField='created' dataSort {false}>Created</TableHeaderColumn> <TableHeaderColumn dataField='username'>User Name</TableHeaderColumn> <TableHeaderColumn dataField='tenantName'>Tenant Name</TableHeaderColumn> <TableHeaderColumn dataField='email'>Email</TableHeaderColumn> <TableHeaderColumn dataField='phone'>Phone</TableHeaderColumn> <TableHeaderColumn dataField='topic'>Topic</TableHeaderColumn>

This code generates the 'sortFunc' undefined error:
var listcolhdrs = this.state.tablehdr.map((column) => { return ( <TableHeaderColumn key={column[1]} dataField={column[2].fieldname} isKey={column[2].iskey}> {column[2].label} </TableHeaderColumn> )}); return ( <div> <div class="col-xs-9 col-md-11 ml-5" id={getCookieValue('appname')+"-adminregqueue-table"}> <BootstrapTable bootstrap4 data = { this.state.tabledata } height = '40%' options={ options } selectRow = { selectRowProp } tableStyle = { { border: 'LightSlateGrey 2.5px solid' } } bodyStyle = { { height: '87%'} } hover scrollTop = { 'Bottom' }> {listcolhdrs} </BootstrapTable> </div> </div> );

Ngôn ngữ chính
JavaScript
Star
2.2k
Fork
757
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của AllenFang/react-bootstrap-table

Tất cả issue của AllenFang/react-bootstrap-table

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.