Same same but different - post

CountryAddressForm.js

// CountryAddressForm.js

render() {
  return (
    <form action="#"
    onSubmit={this.handleSubmit.bind(this)}
    onChange={this.handleChange.bind(this)}>

      <CountrySelector name="country" countries={countries} />
      <AddressLineInput name="address_line" value={this.state.address_line} />

      {this.state.country === 'BR' && <StreetNumberInput name="street_no" />}
      {this.state.country === 'BR' && this.state.address_line && (
         <WarningMessage text="address_form.fill_form" />)
      }

      <AddressLineInput name="address_line2" value={props.address_line2} optional />

      {['SE', 'DE'].indexOf(this.state.country) >= 0 ? (
         <div>
           <PostCodeInput name="post_code" value={this.state.post_code} />
           <CityInput name="city" value={this.state.city} />
         </div>
       ) : (
         <div>
           <CityInput name="city" value={this.state.city} />
           <PostCodeInput name="post_code" value={this.state.post_code} />
         </div>
      )} 

      {COUNTRY_REGIONS[this.state.country] && (
         <RegionSelector 
            name="region"
            regions={formatRegions(COUNTRY_REGIONS[this.state.country])} />)
      }

      <button>Submit</button>
    </form>
  );
}