Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

172
Vistas
Ant Design - emphasize matching TreeNode based on custom search filter in TreeSelect

I want to use custom filterTreeNode function which in my case filters nodes based on title and regardless locale letters (it's exact extension of default filtering based on title). The problem is that I am not able to emphasize matching nodes.

Here is my example: https://codesandbox.io/s/tree-select-custom-filtertreenode-8zxgy

Pay attention that I'm using treeNodeFilterProp="title" to gain some desired user experience, but it's not enough in my case.

When I'm typing "aaa" my nodes are filtering properly and the "aaaą" node is emphasized (due to treeNodeFiltersProp).

emphasized node

But when I'm writing "aaaa" my node is still showing up but is not emphasized, which is not exactly what I wanted.

nonemphasied node

So how to do this?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

problem seams to be in

https://github.com/react-component/tree-select/blob/abba52deff6cfb8d38758ad3fa0af35b327fa555/src/OptionList.tsx#L137

as it overrides the filterTreeNode function this is why it isn't bold.


For option filtering the given function is used, this is why it is showing:

https://github.com/react-component/tree-select/blob/7b020ccc0156b89a9006f76627d2ccbcd14cddcc/src/generate.tsx#L546

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda