{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react-devtools/issues/456","repository_url":"https://api.github.com/repos/facebook/react-devtools","labels_url":"https://api.github.com/repos/facebook/react-devtools/issues/456/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-devtools/issues/456/comments","events_url":"https://api.github.com/repos/facebook/react-devtools/issues/456/events","html_url":"https://github.com/facebook/react-devtools/issues/456","id":190213900,"number":456,"title":"\"No display name\" shown for ES6 component?","user":{"login":"BerndWessels","id":1776695,"avatar_url":"https://avatars.githubusercontent.com/u/1776695?v=3","gravatar_id":"","url":"https://api.github.com/users/BerndWessels","html_url":"https://github.com/BerndWessels","followers_url":"https://api.github.com/users/BerndWessels/followers","following_url":"https://api.github.com/users/BerndWessels/following{/other_user}","gists_url":"https://api.github.com/users/BerndWessels/gists{/gist_id}","starred_url":"https://api.github.com/users/BerndWessels/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BerndWessels/subscriptions","organizations_url":"https://api.github.com/users/BerndWessels/orgs","repos_url":"https://api.github.com/users/BerndWessels/repos","events_url":"https://api.github.com/users/BerndWessels/events{/privacy}","received_events_url":"https://api.github.com/users/BerndWessels/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-18T01:35:40Z","updated_at":"2016-11-18T01:35:40Z","closed_at":null,"body":"Hi\r\n`react-devtools` in Chrome is showing `No display name` for this component:\r\n\r\n    export default connect(stateToProps, dispatchToProps)(\r\n      class extends Component {\r\n        // Initialize the component.\r\n        constructor(props) {\r\n          super(props);\r\n          this.displayName = 'Whaaat';\r\n        }\r\n        // Render the component.\r\n        render() {\r\n          let {ping, isPinging} = this.props;\r\n          return (\r\n            <div className={styles.root}>\r\n              <button onClick={() => ping()}>Ping</button>\r\n              <h1>{JSON.stringify(isPinging)}</h1>\r\n            </div>\r\n          );\r\n        }\r\n      }\r\n    );\r\n\r\nHow can I fix this? I really want to use `redux` and `ES6 classes`."}}
{"actor":{"display_login":"BerndWessels"}}