Где ошибка в маленьком компоненте React. Почему он не работает как в примере?

Question

[chelkaz]

Только пришлось внедрять заготовленные компоненты на React от ant.design
Там есть список Tree с поиском "Searchable Tree"
Я создал свое дерево: Компонент вроде как ищет, но почему сворачивается? В оригинальном примере дерево генерируется, но там работает.
Вот что у меня выходит:
https://codepen.io/anon/pen/QZRGjM

Answer 1

[0xD34F]

Всё работает как надо. Просто у вас, в отличие от примера из документации, различаются значения полей key и title, поэтому при поиске вы проверяете не те значения, которые отображаете. Замените в методе generateList

dataList.push({ key, title: key });

на

dataList.push({ key, title: node.title });

Comments

[chelkaz]

Да, сейчас увидел это. Спасибо. Скажите, а добавить скрытие в display none Как лучше сделать логику?
Потому что список может быть из тысячи пунктов...

[0xD34F]

chelkaz, не вижу связи с исходным вопросом. Очевидно, вам следует оформить новый.