react-jss书写样式

本文主要是介绍react-jss书写样式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

react-jss的使用

• 实现组件化样式、动态样式、避免样式冲突

npm install react-jss
yarn add react-jss

// 使用
import React from 'react';
import { createUseStyles } from 'react-jss';const useStyles = createUseStyles({myButton: {color: 'green',margin: {top: 5,right: 0,bottom: 5,left: 0,},'& span': {fontWeight: 'bold',},},
});function MyComponent() {const classes = useStyles();return <button className={classes.myButton}>Submit<span>Button</span></button>;
}

这篇关于react-jss书写样式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---