reactjs - 在运行代码时它显示 Unexpected token

Question

从“反应”导入反应；

常量登录 =（道具）=> {

const { email, setEmail, password, setPassword, handleLogin, handleSignup, hasAccount, setHasAccount, emailError, passwordError } = props;

return (
    <section className="login">
        <div className="loginContainer">
            <label>Username</label>
            <input
                type="text"
                autoFocus
                required
                value={email}
                onChange={(e) => setEmail(e.target.value)}
            />
            <p className="errorMsg">{emailError}</p>
            <input
                type="password"
                required
                value={password}
                onChange={(e) => setPassword(e.target.value)}
            />

            <p className="errorMsg">{passwordError}</p>
            <div className="btnContainer">
            
                {hasAccount ? (
                     <>
                        <button onClick={handleLogin}> Sign in </button>
                        <p>
                            Don't have an account ?
                            <span onClick={() => setHasAccount(!hasAccount)}>Sign up</span>
                        </p>
                    </>
                    
                ) : (
                    <>
                        <button onClick={handleLogin}> Sign up </button>
                        <p>
                            Has an account ?
                            <span onClick={() => setHasAccount(!hasAccount)}>Sign in</span>
                        </p>
                    </>
                )}
            </div>
        </div>
        
    </section>
)

}

导出默认登录；

显示的 O/p 错误是：- ./src/Login.js 中的错误语法错误：D:/React/todos-list/src/Login.js: Unexpected token (30:26)

28 | 29 | {有帐户？(

30 | <> | ^ 31 | 登录 32 |

33 | 没有帐户？

@ ./src/App.js 20:13-31

标签： reactjsfirebase