All files / factory/fields textField.js

100% Statements 6/6
100% Branches 0/0
100% Functions 3/3
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37          1x   1x       1x       1x     1x       2x                            
import React, {Component} from "react";
 
class TextField extends Component {
 
    constructor(props) {
        super(props);
 
        this.state = {
            value: ''
        }
 
        this.onTextChange = this.onTextChange.bind(this);
    }
 
    onTextChange(event) {
        this.setState({
            value: event.target.value
        })
        this.props.onChange(this.props.filterableProperty, event);
    }
 
    render() {
        return (
            <input
                type="text"
                style={{ height: "100%" }}
                name={this.props.name}
                onChange={this.onTextChange}
                value={this.state.value}
                className="n-inputfield form-control"
            />
        )
    }
}
 
export default TextField;