import React, { Component } from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';



class AddRow extends Component {
  constructor(props) {
    super(props);
    this.state ={
        addRow: {}
    }
}
handleChange = (event) => {
    const {value, name} = event.target;
    this.setState({
        addRow: [name] : value
    })
}

render(){
    const {columns} = this.props;

    return(
        <div>
            {columns.map((column) => <TextField key={column.id}
                                                label={column.name}
                                                name={column.prop}
                                                onChange={event =>     this.handleChange(event)}/>)}
            <Button variant="contained" color="primary" onClick={() => console.log(this.state.addRow)}>
                Добавить
            </Button>
        </div>

    );
}
}