Неожиданный токен с оператором возврата

не уверен, что происходит, однако я пытаюсь вернуть материальный компонент пользовательского интерфейса, когда я перебираю ключи объекта, однако я продолжаю получать Unexpected token

Я разместил свой код ниже, я не уверен, почему возникает эта ошибка:

  renderTableRow(subheader) {
    const { data, multiHeaderBy } = this.props;
    data.map((subdata) => {
      if (subdata[multiHeaderBy] === subheader) {
        Object.keys(subdata).forEach(key => return <TableRowColumn>scsc</TableRowColumn>);
      }
      return null;
    });
  }

Попробуйте обернуть JSX в (..), чтобы отличить его от сравнения

Jonas Wilms 19.03.2018 15:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
527
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Если вы хотите использовать явный оператор return в своей стрелочной функции, вы должны поместить тело функции в { }:

    Object.keys(subdata).forEach(key => { return <TableRowColumn>scsc</TableRowColumn> });

«Простая» форма стрелочных функций без { } требует, чтобы тело функции было одним выражение, а return не был частью грамматики выражений; это отдельный тип утверждения. Вот почему это «неожиданный токен» - после => парсер ожидает либо {, либо токен, который может начать выражение.

Я не сторонник JSX, поэтому не могу сказать, сработает ли простое удаление ключевого слова return; это могло бы.

Pointy 19.03.2018 15:39

Другие вопросы по теме