{"action":"created","issue":{"url":"https://api.github.com/repos/cssinjs/react-jss/issues/288","repository_url":"https://api.github.com/repos/cssinjs/react-jss","labels_url":"https://api.github.com/repos/cssinjs/react-jss/issues/288/labels{/name}","comments_url":"https://api.github.com/repos/cssinjs/react-jss/issues/288/comments","events_url":"https://api.github.com/repos/cssinjs/react-jss/issues/288/events","html_url":"https://github.com/cssinjs/react-jss/issues/288","id":351880865,"node_id":"MDU6SXNzdWUzNTE4ODA4NjU=","number":288,"title":"question: how to inject different styles to multiples use of same component","user":{"login":"michael-ecb","id":26362217,"node_id":"MDQ6VXNlcjI2MzYyMjE3","avatar_url":"https://avatars0.githubusercontent.com/u/26362217?v=4","gravatar_id":"","url":"https://api.github.com/users/michael-ecb","html_url":"https://github.com/michael-ecb","followers_url":"https://api.github.com/users/michael-ecb/followers","following_url":"https://api.github.com/users/michael-ecb/following{/other_user}","gists_url":"https://api.github.com/users/michael-ecb/gists{/gist_id}","starred_url":"https://api.github.com/users/michael-ecb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michael-ecb/subscriptions","organizations_url":"https://api.github.com/users/michael-ecb/orgs","repos_url":"https://api.github.com/users/michael-ecb/repos","events_url":"https://api.github.com/users/michael-ecb/events{/privacy}","received_events_url":"https://api.github.com/users/michael-ecb/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-19T07:20:46Z","updated_at":"2018-08-19T07:36:23Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI have a multiple use of a generic component in my page, \r\nthis component can change his style  according to his props received, my problem is that the last component styles always **override** styles of others...  \r\nIn this simple example I can work with inline styles but for my real and complex components I have to send class names to a third party (material ui)\r\n\r\ncomponent file :\r\n\r\n```\r\nconst styles = {\r\n     label: props => ({\r\n            color: props.color,\r\n            fontSize: props.fontSize\r\n\t  })\r\n};\r\n\r\nexport class Label extends React.Component {\r\n\t\r\n\tstatic propTypes={\r\n              color: PropTypes.string,\r\n              fontSize:PropTypes.number\r\n        };\r\n\t\r\n\t render() {\r\n\t\tconst {children, classes} = this.props;\r\n\t\treturn <span className={classes.label}>{children}</span>\r\n    }\r\n}\r\n\r\nexport default injectSheet(styles)(Label);\r\n\r\n```\r\n\r\nfrom my page:\r\n\r\n`<Label color=\"red\">red label</Label>`\r\n`<Label color=\"blue\">blue label</Label>`\r\n\r\nall labels will be blue .\r\n\r\nThanks.\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/cssinjs/react-jss/issues/comments/414109667","html_url":"https://github.com/cssinjs/react-jss/issues/288#issuecomment-414109667","issue_url":"https://api.github.com/repos/cssinjs/react-jss/issues/288","id":414109667,"node_id":"MDEyOklzc3VlQ29tbWVudDQxNDEwOTY2Nw==","user":{"login":"HenriBeck","id":8514706,"node_id":"MDQ6VXNlcjg1MTQ3MDY=","avatar_url":"https://avatars1.githubusercontent.com/u/8514706?v=4","gravatar_id":"","url":"https://api.github.com/users/HenriBeck","html_url":"https://github.com/HenriBeck","followers_url":"https://api.github.com/users/HenriBeck/followers","following_url":"https://api.github.com/users/HenriBeck/following{/other_user}","gists_url":"https://api.github.com/users/HenriBeck/gists{/gist_id}","starred_url":"https://api.github.com/users/HenriBeck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/HenriBeck/subscriptions","organizations_url":"https://api.github.com/users/HenriBeck/orgs","repos_url":"https://api.github.com/users/HenriBeck/repos","events_url":"https://api.github.com/users/HenriBeck/events{/privacy}","received_events_url":"https://api.github.com/users/HenriBeck/received_events","type":"User","site_admin":false},"created_at":"2018-08-19T07:36:23Z","updated_at":"2018-08-19T07:36:23Z","author_association":"MEMBER","body":"Can you please create a codesandbox.io where your problem exists."}}
{"actor":{"display_login":"HenriBeck"}}