react组件写法的区别,以及代码的校验不通过?

在react中我们命名组件中的方法的时候有很多中,例如第一种
classHeaderextendsReact.Component{
constructor(props){
super(props)
//(1处)
this.getMes=this.getMes.bind(this)
this.state={
}
}
//方法
getMes(){
//操作。。。。。绑定this,可以在上面(1)处或者(2)处
}
render(){
return(
(2)处
)
}
}
上述的两种写法都可以通过standard的代码校验,(standard配置"parser":"babel-eslint",)
但是上面的这种写法比较繁琐,所以改用下面这种写法,省去了绑定this
getMes=()=>{
//操作。。。。
}
但是用这个方法写,代码校验就会说getMes没有被定义,请问怎么解决???
qq_遁去的一_1
浏览 450回答 2
2回答

冉冉说

在class里面直接定义getMes=()=>{}这是目前stage3Classproperties的写法你得先看看自己是否配置了恰当的babel支持babelpluginproposal

哈士奇WWW

getMes=()=>{}相对于在jsx中bind拥有更好的性能至于eslint语法校验问题,检查你的eslint配置文件,或者直接关闭它
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript