Пытаюсь воплотить вот это приложение http://todomvc.com/examples/react/#/ Имею два компонента, NoteList где имеется сам input и откуда должны по идее создаваться записи, и сама запись Note. Получается в функции onBtnClickHandler() я пытаюсь возвратить статью , таким образом создать ее , но ничего не происходит. В чем проблема?
class NoteList extends Component {
constructor(props){
super(props)
this.state={
value: ''
}
this.handleChange = this.handleChange.bind(this);
this.onBtnClickHandler = this.onBtnClickHandler.bind(this);
}
render() {
return (
<div className="NodeList_div">
<button onClick={this.onBtnClickHandler}>X</button>
<input type="text" onChange={this.handleChange} value={this.state.value}/>
<div className="nodelist_note"></div>
<div className="nodelist_footer">
2 items left
<button>X</button>
<button>X</button>
<button>X</button>
</div>
</div>
)
}
handleChange(event) {
this.setState({value: event.target.value});
console.log(this.state.value);
}
onBtnClickHandler() {
return (<div>
<Note />
</div>)
}
}
export default NoteList