react学习之路（一些小知识）

1、我遇到的问题

react的return中，return出来的内容里，如果有<>这种箭头，而又不是标签开始或者闭合的时候
但是，react会认为是，并且还给你报错了。

那就这么玩

return(
  <div>
    <p>我就是{`<来说明一下>`}这个问题
  </div>
)

这里是利用了{}，告诉react这是一段js代码。然后就可以了。

2、react书写

写react的时候，使用

class Test extands React.Component{}

而不是

var
Test = React.createClass({})

因为后者在新版本react中被舍弃。

3、react中this问题

虽然使用箭头函数可以有效减少this丢失的问题，在dom标签中的onchang，之类事件上，箭头函数内包含实际要调用的函数写法是可以的，或者可以在事件后面.bind(this)
比如

<input onChange={this.changeInput.bind(this)}/>

如果是需要传值的，也是可以的啊

<div onClick={this.clickHandle.bind(this,item,id)}>

如果bind(this)的this后面没有参数，默认第一个参数是event
如果要又要event又要传值

<div onMouseEnter={(e)=>{this.handle(e,id)}}>

这鼠标移入移出 使用onMouseEnter 和 onMouseLeave，移入子级 不想让父级的移入移出效果受影响(使用onMouseOver之类，会一直在闪)

不过，要注意的是
使用setTimeout或者setInterval的时候不使用箭头函数，也记得使用.bind(this)

后面会陆续补充