Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

dynamic options for selectFilter keeps changing to selected option.

Abierto
  • ¿Algo no está bien?
#2,111 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Comienza con la configuración de columnas en la que selectFilter recibe opciones de getOptions('flag') y, a continuación, sigue cómo onTableChange actualiza tableData después de seleccionar un filtro. Reproduce el cambio de ambas opciones a solo la opción seleccionada e inspecciona el comportamiento relacionado de selectFilter. Se considera terminado cuando las opciones cargadas dinámicamente siguen disponibles después de seleccionar una opción y actualizar los datos de la tabla.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I am using remote select filter where i show the options dynamically and in onTableChange i call the API to update data.it works fine but the options keep changing to only selected one.

columns = [
{
            dataField: 'item',
            text: 'Format',
            filter: selectFilter({
                options: getOptions('flag'),
               // defaultValue:2
            })
}
]

const getOptions = (flag) => {
           const data =  this.state.tableData;
           const optionArray = [...new Set( _.map(data, format))];
   
           let options = {};
           for(var i = 0; i < optionArray.length; i++){
               options[optionArray[i]] = optionArray[i]
           }
           console.log(options);

           return options;
       };


onTableChange = (type, {page, sizePerPage, sortOrder: order, sortField: sort, filters}) => {
       let data = this.state.tableData;
       if (type === 'filter') {
               this.props.flag(filters.formatDesc.filterVal);
               this.props.getData();
       }
   };

let say initial value of options was {'A':'item-1','B':'item-2'}. when i select A the props updates and options changes to {'A':'item-1'} but expected should be {'A':'item-1','B':'item-2'} which was original.

Lenguaje dominante
JavaScript
Estrellas
2.2k
Forks
757
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de AllenFang/react-bootstrap-table

Todos los issues de AllenFang/react-bootstrap-table

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.