useCss

React 副作用钩子,用于 CSS 动态 改变。

用法

  1. import {useCss} from 'react-use';
  2. const Demo = () => {
  3. const className = useCss({
  4. color: 'red',
  5. border: '1px solid red',
  6. '&:hover': {
  7. color: 'blue',
  8. },
  9. });
  10. return (
  11. <div className={className}>
  12. Hover me!
  13. </div>
  14. );
  15. };