это зарезервированное слово React Native

Question

Я пытался сделать это. Но все время возникает ошибка, это зарезервированное слово. Он говорит строку 170, которая равна функции {this.onRenderValidation (validation)} в операторе возврата. Кто-нибудь знает, что я сделал не так? Спасибо, ребята!

onRenderValidation(validation){


  <Card>

    <CardSection>
      <Input
        label="Email"
        placeholder="email@gmail.com"
        onChangeText={this.onEmailChange.bind(this)}
        value={this.props.email}
      />
    </CardSection>
    <Text>
    {this.renderValidationError(validation.email)}
    </Text>
    <CardSection>
      <Input
        secret={true}
        label="Passwort"
        placeholder="password"
        onChangeText={this.onPasswordChange.bind(this)}
        value={this.props.password}
      />
    </CardSection>
    <Text>
    {this.renderValidationError(validation.password)}
    </Text>
    //{this.renderError()}

    <CardSection>
      {this.renderButton()}
    </CardSection>
    <CardSection>
      {this.render2Button()}
    </CardSection>
  </Card>

}

render(){
let validation=this.submitted ? this.validator.validate(this.state) : 
this.state.validation;
return(

   {this.onRenderValidation(validation)}

)
}
}

Answer 1

Проблема в том, что вы возвращаете объект, а не элемент JSX. Просто измените его на:

render(){
    let validation = this.submitted ? this.validator.validate(this.state) : this.state.validation;
    return this.onRenderValidation(validation);
}

В качестве альтернативы, оберните его в элемент JSX:

render(){
    let validation = this.submitted ? this.validator.validate(this.state) : this.state.validation;
    return (
      <div>{this.onRenderValidation(validation)}</div>
    )
}

Для получения дополнительной информации о том, почему это происходит, посмотрите аналогичный вопрос здесь и в верхнем ответе: React.js - Синтаксическая ошибка: это зарезервированное слово в функции render ()