Cannot read property 'sortFunc' of undefined - when using map function to generate TableHeaderColumn
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Comienza comparando los elementos TableHeaderColumn codificados directamente con los elementos producidos por el map tablehdr, centrándote en las props relacionadas con la ordenación y en el error sortFunc indicado. No se menciona ningún archivo fuente ni prueba; se considera terminado cuando los encabezados mapeados se renderizan sin el error de sortFunc undefined y conservan las columnas previstas.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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>
);
- Lenguaje dominante
- JavaScript
- Estrellas
- 2.2k
- Forks
- 758
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de AllenFang/react-bootstrap-table
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 65/100
AllenFang/react-bootstrap-table#2053 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 20/100
AllenFang/react-bootstrap-table#2144 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 20/100
AllenFang/react-bootstrap-table#2143 ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
AllenFang/react-bootstrap-table#2142 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
AllenFang/react-bootstrap-table#2141 ·
Todos los issues de AllenFang/react-bootstrap-table
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
bigskysoftware/htmx#4147 ·
Los mantenedores suelen responder en 5 días
-
Please add PNG images as wellAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
vshymanskyy/StandWithUkraine#316 ·
-
README: the green and red points are swapped (green = .fset tracking, red = .fset3 detection)Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
-
bug/1-unconfirmed kind/bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día