All files / src/demo CustomInput.jsx

0% Statements 0/8
0% Branches 0/2
0% Functions 0/3
0% Lines 0/8

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                                                     
import React, { Component } from 'react';
 
export default class CustomInput extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: props.value || ''
    };
    this.onChange = this.onChange.bind(this);
  }
 
  onChange(e) {
    const newValue = e.target.value.toUpperCase();
    this.props.setParentValue(newValue);
    this.setState({
      value: newValue
    });
  }
 
  render() {
    const { value } = this.state;
    return (
      <input onChange={this.onChange} value={value} placeholder="Custom input capitalises text" />
    );
  }
}