1:自定义的标签名,要以大写字母开头,例如:
//这里的App ,就是自己定义的jsx标签名,得用首字母大写
ReactDOM.render(
<App />,
document.getElementById('root')
);
2:在JSX中写注释,代码如下:
单行注释:
render(){
{
// 这是单行注释
}
return (
<div>这是单行注释</div>
)
}
多行注释:
render(){
{ /*这是多行注释 */}
return (
<div>这是多行注释</div>
)
}
3:输入html标签,在页面会把标签也显示出来,不需要自动转义的话,这时react就提供一个标签属:dangerouslySetInnerHTML,第一个{}是代表jsx语法开始,第二个{}是dangerouslySetInnerHTML接受的一个键值对对象,代码如下
<div dangerouslySetInnerHTML={{__html:'<h1>标题</h1>'}}></div>
4:react 中使用label和form进行绑定的话,不能使用之前的for进行绑定,要改成htmlFor ,代码如下:
<label htmlFor="inserEarea">姓名:</lable>
<input id="inserEarea" />
5:react中如果写类名的话不能用class以免跟定义组件的class混淆,使用className,代码如下:
<input id="inserEarea" className="userName"/>