反應輸入onChange不會觸發

Question

我目前有這個簡單的反應應用程序，我無法得到這些onchange事件爲我的生活開火。

var BlogForm = React.createClass({ 
getInitialState: function() { 
    return { 
     title: '', 
     content: '' 
    }; 
}, 
changeTitle: function(event) { 

    var text = event.target.value; 

    console.log(text); 

    this.setState({ 
     title: event.target.value 
    }); 
}, 
changeContent: function(event) { 
    this.setState({ 
     content: event.target.value 
    }); 
}, 
addBlog: function(ev) { 
    console.log("hit hit"); 
}, 
render: function() { 
    return (
       <form onSubmit={this.addBlog(this)}> 
        <div> 
         <label htmlFor='picure'>Picture</label> 
         <div><input type='file' id='picture' value={this.state.picture} /></div> 
        </div> 
        <div> 
         <input className="form-control" type='text' id='content' value={this.state.title} onChange={this.changeTitle} placeholder='Title' /> 
        </div> 
        <div> 
         <input className="form-control" type='text' id='content' value={this.state.content} onChange={this.changeContent} placeholder='Content' /> 
        </div> 
        <div> 
         <button className="btn btn-default">Add Blog</button> 
        </div> 
       </form> 

    ); 
    } 
}); 

有趣的是，當我使用onChange={this.changeTitle (this)}，該事件觸發，但在changeTitle功能的EV變量不正確的。

Answer 1

嘗試：

onChange={(evt) => this.changeTitle(evt)} 

或：的

onChange={this.changeTitle.bind(this)} 

代替：

onChange={this.changeTitle}