How to get deep children about react-children-utilities HOT 5 CLOSED

You could use it for testing, but seems more logical that in tests you will compare two snapshots of a component

from react-children-utilities.

from react-children-utilities.

Sure

if you have the following element:

const List = () => (
  <ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
  </ul>
);

And you have another element like:

const TitlesList = (props) => {
  const children = Children.deepMap(props.children,
          child => (
            child.type === 'li'
              ? cloneElement(child, { ...child.props, className: 'title' })
              : child
          ),
        );
  return (
    <div className="titles-list">
        {children}
    </div>
  );
};

And they are used like:

<TitlesList>
   <List/>
</TitlesList>

from react-children-utilities.

What are you trying to accomplish that you need from the library?

from react-children-utilities.

I think the library already supports what you are looking for. If further is needed I'll reopen this issue.

from react-children-utilities.