; ожидается в экспорте по умолчанию

Question

Мой код:

export default () => {
  state = {
    email: "",
    password: "",
    authenticating: false
  }

  renderCurrentState() {
     if (this.state.authenticating) {
        return (
          <View>
            <ActivityIndicator size="large" />
          </View>
        )
     }

     return (
       <View>
      <View style={styles.logoContainer}>
      <Image style={styles.logo} source={require("../assets/Octocat.png")} />
    </View>
    <View style={styles.formContainer}>
      <LoginForm />
    </View>
    </View>
     )
  }

  return (
    <View style={styles.container}>
       {this.renderCurrentState}
    </View>
  );
};

Вкл. renderCurrentState() { фигурная скобка отображается как ошибка с сообщением: ';' expected. Я с трудом вступаю в реакцию / родную реакцию, так что я, вероятно, делаю что-то не так. export default () => {...} - это то, что я видел из учебника. Не уверен, должно ли это быть class с именем.

Answer 1

Попробуйте это.

const renderCurrentState = () => {
     if (this.state.authenticating) {
        return (
          <View>
            <ActivityIndicator size="large" />
          </View>
        )
     }