- 最外层的标签只能有一个。看下面的代码:
// 这是不行的,会报错。
render(){
return (
<div id="div1">
</div>
<div id="div2">
</div>
);
}
// 要改成这样
render(){
return (
<div>
<div id="div1">
</div>
<div id="div2">
</div>
</div>
);
}
- 标签中的“class”要改为“className”。
// 这不行
<div class="col-md-5">
// 要改为
<div className="col-md-5">
- 使用inline style时要使用{}。为啥用俩{{}}。最外侧的括号代表要解释为js代码,里面的括号代表对象。
// 这不行
<div style="margin-top: 5px">
// 要改为
<div style={{marginTop: "5px"}}>