How to get deep children

[einarq]

Is this meant to be used when testing? Can't otherwise see how to get children recursively, at least children is not deep in my experiments.

[fernandopasik]

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

[einarq]

Do you have an example of using for instance deepMap during normal rendering? (not in a test)

…

On Wed, Nov 15, 2017 at 1:03 PM, Fernando Pasik ***@***.***> wrote: You could use it for testing, but seems more logical that in tests you will compare two snapshots of a component — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#3 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAM_D4aJJ4S2T70oIwfBoqRhPMfI8M_Gks5s2tMggaJpZM4QeoBf> .

[fernandopasik]

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>

[fernandopasik]

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

[fernandopasik]

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