{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react/issues/17756","repository_url":"https://api.github.com/repos/facebook/react","labels_url":"https://api.github.com/repos/facebook/react/issues/17756/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/17756/comments","events_url":"https://api.github.com/repos/facebook/react/issues/17756/events","html_url":"https://github.com/facebook/react/issues/17756","id":544567936,"node_id":"MDU6SXNzdWU1NDQ1Njc5MzY=","number":17756,"title":"read props of element","user":{"login":"maifeeulasad","id":29339330,"node_id":"MDQ6VXNlcjI5MzM5MzMw","avatar_url":"https://avatars0.githubusercontent.com/u/29339330?v=4","gravatar_id":"","url":"https://api.github.com/users/maifeeulasad","html_url":"https://github.com/maifeeulasad","followers_url":"https://api.github.com/users/maifeeulasad/followers","following_url":"https://api.github.com/users/maifeeulasad/following{/other_user}","gists_url":"https://api.github.com/users/maifeeulasad/gists{/gist_id}","starred_url":"https://api.github.com/users/maifeeulasad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maifeeulasad/subscriptions","organizations_url":"https://api.github.com/users/maifeeulasad/orgs","repos_url":"https://api.github.com/users/maifeeulasad/repos","events_url":"https://api.github.com/users/maifeeulasad/events{/privacy}","received_events_url":"https://api.github.com/users/maifeeulasad/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2020-01-02T12:55:25Z","updated_at":"2020-01-02T12:55:25Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n  Note: if the issue is about documentation or the website, please file it at:\r\n  https://github.com/reactjs/reactjs.org/issues/new\r\n-->\r\n\r\n**Do you want to request a *feature* or report a *bug*?**\r\n\r\nI want to request a **feature**\r\n\r\n**What is the current behavior?**\r\n\r\n[This](https://codesandbox.io/embed/competent-sunset-8xcvp?fontsize=14&hidenavigation=1&theme=dark) is the current behavior. \r\n\r\n\r\n\r\n**What is the expected behavior?**\r\n\r\nExpected behavior is to access all it's attribute, using props or something.\r\n\r\n[![](https://i.stack.imgur.com/R9Ziy.png)]\r\n\r\nLike in the image instead of writing `active={this.state.navState==='expired'}` and `active={this.state.navState==='todo'}` or anything. I can directly write `active={this.state.navState===this.props.name}`\r\n \r\n\r\n**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**\r\n\r\n**Environment:**\r\n - react Version ^16.12.0\r\n - OS: Win 10\r\n - Browser: Chrome\r\n - Browser Version  :79.0.3945.88 (Official Build) (64-bit)\r\nAs far as I know, NO"}}
{"actor":{"display_login":"maifeeulasad"}}