Attualmente ho questa semplice app di reazione e non riesco a far scattare questi eventi di modifica per la vita di me.L'input di reazione su Change non viene generato
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>
);
}
});
La cosa divertente è quando uso onChange={this.changeTitle (this)}
, l'evento, ma la variabile EV nella funzione changeTitle
non è quello corretto.
[funziona per me] (http://jsfiddle.net/dx8mq8dj/2/) . – Mathletics
posso chiederti come lo hai configurato, sapevo che avrebbe dovuto funzionare. – Cekaleek
Ho copiato il tuo codice esattamente come lo hai nel fiddle collegato, http://jsfiddle.net/dx8mq8dj/2/ – Mathletics