React input onChange tetiklenmiyor

Question

Şu anda bu basit tepki uygulamasına sahibim ve bu değiş tokuş olaylarını benim için ateş edemiyorum. Ben onChange={this.changeTitle (this)}, olay yangınları kullanan ancak changeTitle işlevinde ev değişken doğru bir değilken

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> 

    ); 
    } 
}); 

Komik şeydir.

Answer 1

Dene:

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

ya:

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

yerine:

onChange={this.changeTitle}