title: Change state of nested object props based on user input handleChange
body: <p>I have this component state</p>
  
  <pre><code>this.state = {
        title: "",
        salary: {
          min: "",
          max: "",
          single: ""
        }
  }
  </code></pre>
  
  <p>I use this function for handling user input </p>
  
  <pre><code>handleInputChange = (e) =&gt; {
      this.setState({[e.target.name]:e.target.value});
  }
  </code></pre>
  
  <p>it works with </p>
  
  <pre><code>&lt;input type="text" id="title" name="title" onChange={this.handleInputChange}/&gt;
  </code></pre>
  
  <p>Can I use such a function to change this.state.salary.min/max ... </p>
  
  <p>I mean can this type of function work with nested objects in state and <code>&lt;input/&gt; name art</code>?</p>