前端学习（2222）：react之jsx的样式和注释（2）

import React from 'react';
import ReactDOM from 'react-dom';

let exampleStyle = {
    background: 'skyblue',
    borderBottom: '4px solid red'
}

/* let element = ( <
    div >
    <
    h1 style = { exampleStyle } > helloworld < /h1> < /
    div >
) */

let classStr = ['abc', 'redBg'].join(" ")
let element2 = ( <
    div >
    <
    h1 className = 'abc'
    className = { classStr } > helloworld < /h1> < /
    div >
)

ReactDOM.render(
    element2,
    document.querySelector('#root')
)

运行结果