deepFilter doesn't match to grandchildren about react-children-utilities HOT 4 CLOSED

The behaviour is the expected, because div is analyzed first and filtered out since is not a span. It doesn't matter what is grandchildren, if the child is already filtered out.

I think the example in the website illustrates this https://fernandopasik.com/react-children-utilities/deep-filter

from react-children-utilities.

I see. Thank you.

from react-children-utilities.

@fernandopasik I was also confused about this behavior. With deep, I expected a traversal through all children first. Currently I would more call it shallow-deep 😄. So currently if I want to find deep children, all parents must also match the filter criteria, which does not apply for my use case. My use case is to get required form elements from a complex nested form.
I could use deepForEach and add matches into a new array, but I liked the idea to use deepFilter.

May be reopen or make an option for it? Or make the stopping for going deeper as option, and deep traverse by default?

from react-children-utilities.

@fabpico do you have ideas on how to implement it? I gave it a few thoughts but seems like in order to see the grandchildren you need to do some nested rendering which is not straight forward in react

from react-children-utilities.