React default state setup

CheckoutContainer.es6.jsx

// Current structure
constructor(props) {
  super(props)

  this.state = {
    isValidating: false,
    processing: false,
    // ... other state setting from custom functions
    // ... other state setting from props
  }
}


// First pass
defaultState = {
  isValidating: false,
  processing: false,
}

constructor(props) {
  super(props)

  this.state = {
    ...this.defaultState
    // ... 
  }
}

// I only have one issue with this, and that's the fact that we can't make it a static class property like below. 

static defaultState = { 
  //... 
}
// The reason this isn't possible is b/c static properties aren't available in the constructor since we're in the context of an instance of the class
// This causes us to have configuration in a couple different places which could be a concern. Like

static defaultProps = {
  feeCents: 0,
  interval: 'month',
  intervalCount: 1,
  subtotalCents: 0,
  stripePublishableKey: 'no_key',
  upfrontAmountCents: 0,
}

// and

defaultState = {
  isValidating: false,
  processing: false,
}

// Again not a super big deal but not ideal