基础装备
html代码
<style>
.abc {
color: red;
}
</style>
<body>
<div id="app"></div>
<script type="text/babel">
let oDiv = document.getElementById('app');
let un = 'username';
ReactDOM.render(
<div>
<label htmlFor={un}>姓名</label>
<input type="text" name={un} id={un} className="abc" />
</div>,
oDiv
)
</script>
</body>
注意事项
1. 所有的单标签，双标签都要闭合，如`<input />`
2. render里必须有一个大标签把所有的包起来
3. JavaScript中的关键字、保留字不能出现在标记中，如：
* for --> htmlFor，
* class-->className
4. 使用打括号来使用模版{代码}
如： let un = 'username';
<label htmlFor={un}>姓名</label>
5. 还有很多其他的语法，参考小宝后续React博文系列可以查看到，如组件，信息传递，state状态，生命周期等，
网友评论