Доброго времени суток! Делаю небольшое приложение на React, опыта пока немного. У меня два React-класса, один - это навигация, второй - форма редактирования данных. Странная ситуация - контроли в классе редактирования фокус ввода получают, но данные изменить невозможно. В чем может быть дело ? Код класса навигации
var MenuExample = React.createClass({
...
render: function() {
return (
<div>
...
<Content firstName={res.employees[active_index].firstName} lastName={res.employees[active_index].lastName} iddep={res.employees[active_index].iddepartment} id={res.employees[active_index].id}/>
</div>
);
}
});
Теперь код класса ввода данных:
var Content = React.createClass({
render: function() {
var iddep_ = this.props.iddep;
var firstName_ = this.props.firstName;
var lastName_ = this.props.lastName;
return (
<div>
<p><label>id department</label></p><p><input type="text" name="iddep" value={iddep_}/> </p>
<p><label>first name</label></p><p><input type="text" name="firstName" value={lastName_}/></p>
<p><label>last name</label></p><p><input type="text" name="lastName" value={firstName_}/></p>
<p><button onClick={this.clicked.bind()}>Изменить</button></p>
</div>
);
}
});
Спасибо за помощь.