JSX语法
1、标签不能添加引号，换行用括号包裹，并且只有一个根标签

const H1 = <h1>标题</h1>
const Div = (
    <div>
        <h1>H1</h1>
        <h2>H2</h2>
    </div>
)

2、变量使用花括号

const id = 1
const name = "杜恒"
const Div = <div data-id={id}>{name}</div>

3、外连样式与内联样式

// 使用class时，需要写className的方式
const Div = <div className="box"></div>
// 内联样式时，需要成变量内包对象方式
const Div2 = <div style={{ color: '#ff6800', fontSize: '30px' }}>Test</div>