这是 React Native 的保留字

Question

我一直在尝试渲染这个。但一直以来，这是一个保留字的错误都会发生。它说第 170 行等于 return 语句中的函数 {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 - Syntax error: this is a reserved word in render() function