Accessing onChange event from child component (React/Redux)
<p>I have a container component that's rendering a child component with an input. I would like to have access to the child component's value during the <code>onChange</code> event, but I am getting a "Proxy" object instead of the input value.</p>

<p><strong>Container Component</strong></p>

<pre><code>...

class InputContainer extends React.Component {

    handleChange = (val) =&gt; {
        console.log(val);

        // =&gt; Proxy { [[Handler]]: Object, [[Target]]: SyntheticEvent, [[isRevoked]]: false }
    }

    render() {
        return &lt;Input handleChange={this.handleChange} {...this.props} /&gt;;
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(InputContainer);
</code></pre>

<p><strong>Input Component</strong></p>

<pre><code>export default function Input(props) {
    return &lt;input onChange={props.handleChange} /&gt;;
}
</code></pre>

<p><em>Why am I getting this "Proxy" object and how can I get the input's value from <code>InputContainer</code>?</em></p>