apollo-link-rest nested state management example

NestedState.js

state = {
  name: '',
  username: '',
  email: '',
  address: {
    street: '',
    suite: '',
    city: '',
    zipcode: '',
    geo: {
      lat: '',
      lng: '',
    },
  },
  phone: '',
  website: '',
  company: {
    name: '',
    catchPhrase: '',
    bs: '',
  },
};

handleChange = (e, nested = null, doubleNested = null) => {
  const {
    target: { name, value },
  } = e;

  if (doubleNested) {
    const updateObj = { ...this.state[nested][doubleNested] };

    updateObj[name] = value;

    this.setState(prevState => ({
      [nested]: {
        ...prevState[nested],
        [doubleNested]: updateObj,
      },
    }));
  } else if (nested && !doubleNested) {
    const updateObj = { ...this.state[nested] };

    updateObj[name] = value;

    this.setState({
      [nested]: updateObj,
    });
  } else {
    this.setState({
      [name]: value,
    });
  }
};