У меня есть некоторые проблемы с моим кодом React. Я пытаюсь добавить аутентификацию, но это дает мне ошибку, как

./src/components/UserInfo/index.js Строка 29: ошибка синтаксического анализа: неожиданный токен, ожидается «,»

27 | 28 |

29 | {аутентифицировано? (| ^ 30 | 31 | 32 |

Вот мой код

import React, { Component } from "react"; import { connect } from "react-redux"; import { Avatar, Popover } from "antd"; import { userSignOut } from "appRedux/actions/Auth"; class UserInfo extends Component { render() { const { authenticated } = this.props; const userMenuOptions = ( {amp}lt;ul className="gx-user-popover"{amp}gt; {amp}lt;li{amp}gt;My Account{amp}lt;/li{amp}gt; {amp}lt;li{amp}gt;Connections{amp}lt;/li{amp}gt; {amp}lt;li onClick={() ={amp}gt; this.props.userSignOut()}{amp}gt;Logout {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; ); return ( {authenticated ? ( {amp}lt;Popover overlayClassName="gx-popover-horizantal" placement="bottomRight" content={userMenuOptions} trigger="click"{amp}gt; {amp}lt;Avatar src={require("assets/images/w-logo.png")} className="gx-avatar gx-pointer" alt="javascript - реагирует на синтаксический анализ неожиданного токена." /{amp}gt; {amp}lt;/Popover{amp}gt; ) : ( {amp}lt;Popover overlayClassName="gx-popover-horizantal" placement="bottomRight" content={userMenuOptions} trigger="click"{amp}gt; {amp}lt;Avatar src={require("assets/images/w-logo.png")} className="gx-avatar gx-pointer" alt="javascript - реагирует на синтаксический анализ неожиданного токена." /{amp}gt; {amp}lt;/Popover{amp}gt; )} ) } } const mapStateToProps = state ={amp}gt; { //console.log(state.auth.token); return { authenticated: state.auth.token !== null, locale: state.settings.locale } } export default connect(mapStateToProps, { userSignOut })(UserInfo); 

Проблема заключается в том, что вы возвращаетесь

 return ( {authenticated ? (...) : (...)}); 

Это означает, что вы пытаетесь вернуть объект, а это не то, что вы на самом деле хотите. Таким образом, вы должны изменить это на это:

 return authenticated ? ( {amp}lt;Popover overlayClassName="gx-popover-horizantal" placement="bottomRight" content={userMenuOptions} trigger="click"{amp}gt; {amp}lt;Avatar src={require("assets/images/w-logo.png")} className="gx-avatar gx-pointer" alt="javascript - реагирует на синтаксический анализ неожиданного токена." /{amp}gt; {amp}lt;/Popover{amp}gt; ) : ( {amp}lt;Popover overlayClassName="gx-popover-horizantal" placement="bottomRight" content={userMenuOptions} trigger="click"{amp}gt; {amp}lt;Avatar src={require("assets/images/w-logo.png")} className="gx-avatar gx-pointer" alt="javascript - реагирует на синтаксический анализ неожиданного токена." /{amp}gt; {amp}lt;/Popover{amp}gt; ); 
boikevich

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,