import React from 'react';

class ControlledComponent extends React.Component {
    state = {}

    componentDidMount() {
        this.setState({ prop1: "" })
    }

    controlledConsoleLog(event) {
        this.setState({ prop1: event.target.value })
        console.log(event.target.value)
    }

    render() {
        return (
            <input id="controlled" value={this.state.prop1} onChange={(event) => (this.controlledConsoleLog(event))} />
        )
    }
}

export default ControlledComponent