Good day! I make a small application on React, so far there is not much experience. I have two React-classes, one is navigation, the second is a form of data editing. Strange situation - controls in the editing class receive input focus, but the data cannot be changed. What can be wrong ? Navigation class code
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> ); } }); Now the data entry class code:
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> ); } }); Thanks for the help.
