1、react dom在渲染之前会默认过滤所有的值,防止攻击
所有的内容在渲染之前都被转成了字符串,这样可以有效的防止XSS(跨站脚本)攻击。
2、react setState
setState(a,()=>{})
- a 可以是一个对象:
{name:"xhh1"}, - 也可以是一个函数:
(preState,props)=>{ return { name:"xhh2" } }注:第一个参数preState代表:更新之前的state对象的值,第二个参数props代表此次更新被应用时的props。
3、JSX回掉函数里面的this
必须谨慎对待JSX回调函数中的this,类的方法默认是不会绑定this的。如果忘记绑定 this.handleClick 并把它传入 onClick, 当调用这个函数的时候 this 的值会是 undefined。 解决方法:
1、属性初始化器
handleClick(){
console.log("使用属性初始化器来正确的绑定回调函数")
}
onClick={(e)=>{this.handleClick(e)}}
2、箭头函数
handleClick = () =>{
console.log("我是一个箭头函数")
}
onClick=this.handleClick}
条件渲染
&&、三木、