{"action":"closed","issue":{"url":"https://api.github.com/repos/gaearon/react-proxy/issues/26","labels_url":"https://api.github.com/repos/gaearon/react-proxy/issues/26/labels{/name}","comments_url":"https://api.github.com/repos/gaearon/react-proxy/issues/26/comments","events_url":"https://api.github.com/repos/gaearon/react-proxy/issues/26/events","html_url":"https://github.com/gaearon/react-proxy/issues/26","id":107769669,"number":26,"title":"ProxyClass prevents filtering on displayName","user":{"login":"Agowan","id":239752,"avatar_url":"https://avatars.githubusercontent.com/u/239752?v=3","gravatar_id":"","url":"https://api.github.com/users/Agowan","html_url":"https://github.com/Agowan","followers_url":"https://api.github.com/users/Agowan/followers","following_url":"https://api.github.com/users/Agowan/following{/other_user}","gists_url":"https://api.github.com/users/Agowan/gists{/gist_id}","starred_url":"https://api.github.com/users/Agowan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Agowan/subscriptions","organizations_url":"https://api.github.com/users/Agowan/orgs","repos_url":"https://api.github.com/users/Agowan/repos","events_url":"https://api.github.com/users/Agowan/events{/privacy}","received_events_url":"https://api.github.com/users/Agowan/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-09-22T18:13:38Z","updated_at":"2015-09-23T09:37:12Z","closed_at":"2015-09-23T09:37:12Z","body":"Hi,\r\nI have a question how do go further in this matter. Essentially we are using react-hot-loder, but I found that in the end it's this library that causes my problem.\r\n\r\nWorth mentioning is that this might be an anti pattern but I can't find a better way to do this atm.\r\n\r\nIn a component we are filtering children based on the displayName to render the results in multiple places.\r\n```jsx\r\nrender() {\r\n  let actions = this.props.children.filter(c => c.type.displayName.indexOf(\"action\") > -1);\r\n  let columns = this.props.children.filter(c => c.type.displayName.indexOf(\"column\") > -1);\r\n  return (<div>\r\n    {actions}\r\n    <table>\r\n    <head>\r\n      <tr>{columns}</tr>\r\n    </thead>\r\n    {...}\r\n  </div>);\r\n}\r\n```\r\nThe problem is that we can't access the displayName due `this.props.children` contains instances of `ProxyClass` and where `.type.displayName` return `undefined`.\r\n\r\nMay I ask for som guidance here, is there a better way to solve this or is there a way to access the actual child through the proxy class?\r\n\r\nRegards Niklas\r\n"}}