Ract学习03

92 阅读1分钟

JXC_style样式

1.class中,不存在多个class属性

2.style样式中出现多个单词使用驼峰命名法,亦可以使用字符串方式

3.多个类共存

let Class1 = 'bg1'
let Class2 = 'bg2'
let element1 = (
  <div>
    <h1 className={Class1 + ' abc'}>我是标题</h1>
    <h2 style={style01}>我是自定义的样式</h2>
  </div>
)

let class3 = ['abc', 'bvc']
let element3 = (
  <div>
    {/* 注释 */}
    <h1 className={class3.join(' ')}>我是标题</h1>
    <h2 style={style01}>我是自定义的样式</h2>
  </div>
)

4.注释

{/* 注释 */}