title: React onClick function parameter turns into "Proxy" Object
body: <p>I have an array of elements at the top level of my react hierarchy that I want to set off an onClick function with a parameter with the value of the element (a string). However, when I try printing this value, a "Proxy" object is printed instead : <code>Proxy {dispatchConfig: null, _targetInst: null, isDefaultPrevented: null, isPropagationStopped: null, _dispatchListeners: null…}</code></p>
  
  <p>Here is the code inside my render function:</p>
  
  <pre><code>return collapseChoices.map((choice) =&gt; {
          console.log(choice)
  
          return (
            &lt;div className="collapseChoice"
               onClick={(choice) =&gt; this.handleCollapse(choice)}&gt;
               {choice}
            &lt;/div&gt;
          );
  </code></pre>
  
  <p>Here is the handleCollapse function:</p>
  
  <pre><code>handleCollapse(mark){
      console.log(mark);
    }
  </code></pre>
  
  <p>I made sure to bind <code>this</code> in the constructor</p>
  
  <pre><code>  constructor(){
      super();
  
      this.handleCollapse = this.handleCollapse.bind(this);
    }
  </code></pre>