Now we can style our edit form. Let's replace the modification indicator (asterisk) with a button that will simulate the save action:
constructor(props) {
super(props);
this.state = {
"changed": false
};
this.bind(
"onCancel",
"onSave",
"onUpdate",
);
}
render() {
var cancelButtonStyle = null;
var saveButton = null;
if (this.state.changed) {
cancelButtonStyle = this.props.cancelButtonStyle || {
"margin": "0 0 0 10px"
};
saveButton = <button
onClick={this.onCancel}>
save
</button>
}
return <form>
<div>
<input
type="text"
onChange={this.onUpdate}
name="title"
value={this.props.title}
/>
</div>
<div>
<input
type="text"
onChange...