Prev State

Prev State.md

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React',
      formData : {
        'garage_parent_id': {'value':1, 'label':'xxx'}, 
        'status':'222'
        }
    };
  }

  onPressChange () {
    this.setState(prevState => ({
  ...prevState,
  formData: {
    ...this.state.formData,
    garage_parent_id: {
      ...this.state.formData.garage_parent_id,
      value: 2
    }
  }
}))
  }

  render() {
    console.log('zzzzzzzz', this.state.formData)
    return (
      <div>
        <Hello name={this.state.name} />
        <p>
          Start editing to see some magic happen :)
        </p>
        <div onClick={()=> this.onPressChange()}>CLick</div>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));