render () {
    let displayText
    if (this.props.showState) {
      displayText = JSON.stringify(this.props.currentState)
    }

    return (
      <View>
        <View style={styles.header}>

          <TouchableHighlight onPress={this._onPressMark}>

            <Image style={styles.mark}
              source={require('../images/Snowflake.png')}
            />
          </TouchableHighlight>
          {this.props.isFetching
           ? <ActivityIndicator animating size='large' />
           : null
          }

        </View>
        {this.props.showState
         ? <View style={styles.container}>
           <Text>{I18n.t('Header.current_state')} ({I18n.t('Header.see_console')})</Text>
           <TextInput style={{height: 100, borderColor: 'gray', borderWidth: 1}}
             value={displayText}
             editable
             multiline
             onChangeText={(text) => this._onChangeText(text)}
             numberOfLines={20} />
           <View style={{
             marginTop: 10
           }}>
             <FormButton isDisabled={this.state.isDisabled}
               onPress={this._updateStateButtonPress}
               buttonText={I18n.t('Header.update_state')} />
           </View>
         </View>
         : null}
      </View>
    )
  }
### render

if showState, stringify the currentState and display it to the
browser for copying. Then display to the user.

When the value of the input changes, call ```_onChangeText```

When the 'Update State' button is pressed, we're off to the
races with Hot Loading...just call the
```_updateStateButtonPress``` and away we go...