在React

时间:2019-09-22 15:39:46

标签: javascript reactjs

我是React的新手,想在React中创建一个计算器作为练习项目。我决定使用CSS模块来设置组件样式。这是我要创建的计算器的外观

enter image description here

从计算器的照片中可以看到,有几个按钮,其中一些按钮具有不同的宽度和颜色。我想要做的是创建一个按钮组件,并将其重新用于计算器中的每个按钮。请您提示我如何使用CSS模块做主题?伙计们,我好心地要求您显示正确的方向,而不是请您为我或类似的人创建该项目。希望你明白我的意思。

1 个答案:

答案 0 :(得分:1)

同意@Noob的观点,Theming会使项目复杂化。您可能只需要为按钮创建常规的类样式,然后将其一一应用于组件Button。

<Button className={styles.number}>1</Button>
<Button className={styles.operator}>+</Button>