React setInterval定时器无法清除

悬赏园豆：50 [已解决问题] 解决于 2017-03-27 10:34

这是我的react代码，setinterval定时器无法清除，新手一枚，刚接触react.js,求大神帮忙看下。。

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="UTF-8" />
 5     <title>Hello React2!</title>
 6     <script src="../build/react.js"></script>
 7     <script src="../build/react-dom.js"></script>
 8     <script src="../build/browser.min.js"></script>
 9   </head>
10   <body>
11     <div id="example"></div>
12     <script type="text/babel">
13     var FatherControl = React.createClass({
14         getInitialState:function(){
15             return{
16                 isStop:false,
17                 isNum:1
18             };
19         },
20         onChildChanged:function(newState){
21             this.setState({
22                 isStop:newState     
23             });
24             var dd;
25             this.timer = setInterval(
26                 ()=>{
27                     var eeNum = this.state.isNum;
28                     this.setState({isNum:eeNum+1});
29                     if(!this.state.isStop){
30                         console.log('this is stop');
31                         console.log(this.timer); //这里可以取到这个timer的
32                         clearInterval(this.timer);
33                         this.timer = undefined;
34                     }
35                 },1000);
36         },
37         componentWillUnMount:function(){
38             clearInterval(this.timer)
39         },
40         numberAdd:function(){
41             var ee=0
42             ee = setInterval(function(){
43                          var eeNum = this.state.isNum;
44                          this.setState({isNum:eeNum+1})
45                      }.bind(this),1000);
46                     return function(){
47                         this.ee;
48                     }
49         },
50         render:function(){
51             return (
52                 <div>
53                     <ImgPanel showvalue={this.state.isNum}></ImgPanel>
54                     <MyButton callbackParent={this.onChildChanged}>Start</MyButton>
55                 </div>
56             )
57         }
58     })
59     var MyButton = React.createClass({
60         getInitialState:function(){
61             return {
62                 isStop:this.props.onclick
63             };
64         },
65         funClick:function(){
66             var newState = !this.state.isStop;
67             this.setState({
68                 isStop:newState
69             });
70             this.props.callbackParent(newState);
71         },
72         render:function(){
73             var checked = this.state.checked;
74             return(
75               <button onClick={this.funClick}>Start</button>  
76             )
77         }
78     })
79     var ImgPanel = React.createClass({
80         render:function(){
81             return(
82                 <h3>{this.props.showvalue}</h3>
83             )
84         }
85     });
86     ReactDOM.render(
87         <FatherControl/>,
88         document.getElementById('example')
89     );
90     </script>
91   </body>
92 </html>