# 组件和样式

# JSX 和 HTML 的区别

// html jsx
<div id="id"></div>
// html
<div class="class"></div>
// jsx 
<div className="class"></div>
// html
<label for="input1"></label>
<input id="input1"></input>
// jsx
<label htmlFor="input1"></label>
<input id="input1"><input>

# css-in-js

 render() {
    return (
      <div>
      { 
        // js code 
      }
      </div>
    )
 }