0

Вчера начала учить react. Столкнулась с ошибкой, но не понимаю её, посмотрела документацию - if как if, вроде, всё корректно.

babel.min.js Uncaught SyntaxError: Inline Babel script: Unexpected token if

Код

render() {
    return (
      if(this.state.signIn){
        return this.rendSignIn ();
      }
      else{
        return this.rendSignUp ();
      }
    );
  };

Объясните, пожалуйста, из-за чего возникает ошибка и как её исправить.

2 ответа 2

2
  1. Нельзя делать return ... return в любом случае
  2. В return нельзя использовать условный оператор if, только тернарный ?
2
  • Это актуально только для js?
    – Yiulia
    17 авг 2018 в 8:04
  • @Yiulia да вроде как для всех языков
    – ThisMan
    17 авг 2018 в 8:27
2

Конструкция return {} возвращает литерал объёкта, и по этой причине ошибка Unexpected token if, так как в литералах объектов конструкции if ... else недопустимы :)

Корректная конструкция в вашем случае была бы:

render() {
    if(this.state.signIn){
        return this.rendSignIn ();
    } else {
        return this.rendSignUp ();
    }
};

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.