kof/button-hooked.js

Last active November 23, 2021 08:13

Star (4) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/kof/43ac135686c71c536deb0db61b94e6e3.js"></script>
Save kof/43ac135686c71c536deb0db61b94e6e3 to your computer and use it in GitHub Desktop.

Download ZIP

Inject styles with custom hooks

Raw

button-hooked.js

	const styles = {
	button: {
	color: 'red'
	}
	}

	const Button = () => {
	const {classes} = useStyles(styles)
	return <button className={classes.button}>Test<Button>
	}

HenriBeck commented Nov 2, 2018

@Janpot The problem with using props directly is that we wouldn't be able to reuse stylesheets across different component instances as soon as you introduce props.

The second problem with that would be the injection order (this is also the reason why we need createUseStyles function right now).

vapstor commented Aug 22, 2020

how can i use a hook from inside a separate style file ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment