读react文档学到的

174 阅读1分钟

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}

条件渲染

&&、三木、