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 ();
    }
};

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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