create-todo.js

import React from 'react';
import ReactDOM from 'react-dom';
import TodoTable from './all-todo';
class CreateTodo extends React.Component {
    constructor () {
        super();
        this.state = {
            count: 0,
            data: []
        }
        this.update = this.update.bind(this);
        this.clearContent = this.clearContent.bind(this);
    }
    update () {
        let tempHolder = this.state.data;
        tempHolder.push({
            id: this.state.count,
            content: this.refs.inp.value
        })
        this.setState({
            count: this.state.count + 1,
            data: tempHolder
        });
    }
    clearContent (e) {
        e.target.value = '';
    }
    render () {
        return (
            <div>
                <input 
                    type="text" 
                    ref="inp" 
                    onFocus={this.clearContent} 
                />
                <button onClick={this.update} >
                    Create
                </button>
                <TodoTable tasks={this.state.data} />
            </div>
        )
    }
}

export default CreateTodo;