柴柴记账-给Buttotn组件加上level,实现一个组件三种样式

45 阅读1分钟

绑定level属性

在之前封装的Button组件中,希望能设置不同样式的button按钮,于是给button组件的props绑定了level属性

props:

我设置了三个level : important normal danger

dom

需要注意的

  1. 写法要写成 s[props.level] (和obj[变量] 这种写法相似)

  2. 在tsx中,多个class类名要写成数组的形式

scss

柴柴记账中,用到的是scss,做到了一个组件,三种样式

使用Button组件

在组件内加上level属性,写入规定的字段