Неожиданный токен (>) при рендеринге массива с использованием функции map в React

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я пытаюсь создать рендеринг таблицы с использованием функции map в React. Этот конкретный фрагмент кода вызывает ошибку «Неожиданный токен : оператор (>)». Что-то не так с моим кодом? Я новичок как в JS, так и в React.

 const renderReportsForManager = React.useCallback(
            function (managerId) {
                const reportsData = getReportsData();
                return {
                    childRows: reportsData.map((row) => (
                        <MyTable.Row data-id={row.id} key={row.id} level={2}>
                            <MyTable.Cell data-id="name">{row.name}</MyTable.Cell>
                            <MyTable.Cell data-id="email">{row.email}</MyTable.Cell>
                        </MyTable.Row>
                    )),
                };
            },
            [getReportsData]
        );
 

Комментарии:

1. Unexpected token (>) похоже, что анализируется какой-то json, > в конце которого встречается where. Вероятно, html анализируется как json, но если вы приведете фактическую «трассировку ошибки / стека» дословно, тогда может быть предоставлена более полезная помощь, поскольку будет больше информации.

2. Я предполагаю, что ваш проект неправильно использует babel-jsx, вы использовали create-react-app для настройки своего проекта?