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" /> ); } } |