If two different categories have sub-categories with the same name then both get checked. about react-checkbox-tree HOT 3 CLOSED

Yes, this is because the checked property only records the node values. If a node value is duplicated by any other node, then you will experience this behavior. The tree therefore requires that each node have a unique value. You can solve this be merely concatenating the parent nodes to the child nodes (e.g. A-B and E-B).

I suppose we could validate all supplied nodes for value uniqueness and throw an error if a duplicate is detected, providing more developer-friendly debugging. Might impact performance, so it probably makes sense to have this as a property that can be disabled (e.g. validateUniqueness).

A more exotic option could also exist, where the node value are automatically concatenated with their parent values, but that would change the resulting tree's values.

from react-checkbox-tree.

I don't think validating nodes for value uniqueness will be a good idea. I can think of many use cases where leaf nodes may have same values but under different categories.

What I ended up doing is pushing the key ({index}-{node.name}) instead of name in the checked array. That works!

from react-checkbox-tree.

Closing since this is pretty easy for the developer to adjust to.

from react-checkbox-tree.