【react基础】3、react散乱语法注意事项

一、差值表达式

1、语法：{差值表达式 }
2、作用：基本可以写任何东西
（1）可以渲染字符串，数组（渲染效果像字符串）。注意不能直接渲染对象，会报错。
（2）可以写jsx，写比较，写判断。不能写if和for，但函数调用是可以的。

二、react里面的标签不推荐写class，一般写className。

因为class是js里面的关键字，所以它换成了className。

三、绑定事件，onClick={}，事件名首字母大写。

四、和vue一样，所有元素外面必须有一个标签包裹，也就是说根元素只能有一个。

五、注释的语法为：{/* */}

六、遍历对象的方法，转为数组。

1、Object.keys(obj) 把对象的键形成一个数组。
2、Object.values(obj) 把对象的值形成一个数组。
3、Object.entries(obj) 把对象的键值对形成一个数组。

七、事件绑定得不到this问题

1、改为箭头函数

 class Group extends React.Component {
	        	constructor(props){
	        		super(props);
	        	}
	        	toggle = ()=>{
	        			...
	        		})
	        	}
	        	render(){
	        		return <div></div>
	        	}
	        }

2、用bind绑定实例

 class Group extends React.Component {
	        	constructor(props){
	        		super(props);
	        		this.toggle = this.toggle.bind(this);  //toggle 能访问到this
	        	}
	        	toggle(){
	        			...
	        		})
	        	}
	        	render(){
	        		return <div></div>
	        	}
	        }

八、import只能放在文件最前面，require可以放在任何位置

九、受控组件指的是 组件的数据受到props 或state 控制