title: React handleChange push values in nested object
body: <p>I've got a handleChange event that pushes data into the props</p>
  
  <pre><code>handleChange = input =&gt; e =&gt; {
      let target = e.target,
          type = target.type,
          value = target.value;
  
      this.setState({ 
          [input]: (type === "checkbox" ? target.checked : value) 
      });
  };
  </code></pre>
  
  <p>in the input, I handle the change <code>onChange={onChange('services.cleaning')}</code>
  Is there anyway i can push the data in the props as a nested object instead of as "services.cleaning"?</p>
  
  <p>The onchange event</p>
  
  <pre><code>&lt;Checkbox onChange={onChange('services.cleaning')} type='checkbox' name='cleaning' /&gt;
  </code></pre>