title: How to change and save nested data in "state" using "text input"
body: <p>Material-ui Version: 0.1</p>
  
  <p>value in state:</p>
  
  <pre><code>formatter = [
        {currencyField: "", amountField: ""}
        {accountField: "", amountField: ""}
        {numberField: ""}
      ]
  </code></pre>
  
  <p>I need to make that every element of the object in <code>state</code> can be changed using the <code>mui.TextField</code> component from <code>material-ui</code>.</p>
  
  <pre><code>let formatterJson = JSON.parse(this.state.formatter);
  let jsx = [];
  for (const prop in formatterJson) {
  jsx.push(this.getTextField(prop, formatterJson[prop]));
  
  getTextField(key, objVal) {
          return (
              &lt;mui.TextField
                  style={{fontSize: '14px', marginRight: '10px'}}
                  name={key}
                  value={objVal}
                  fullWidth={false}
                  hintText={key}
                  onChange={(event) =&gt; {
                      objVal = event.target.value
                  }}
              /&gt;
          )
      }
  </code></pre>