如何解决反应渲染中意外的令牌错误。您的意思是"{"{"还是"&大括号"？

Question

请帮助我纠正以下代码中的错误。我试过好几次了，但都没用。

import React from "react";
export class Login extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div className="base-container">
<div className="header">Login</div>
<div className="content"></div>
<div className="form">
<div className="form-group">
<label htmlFor="username">Username</label>
<input type="text" name="username" placeholder="username" />
</div>
<div className="form-group">
<label htmlFor="password">Password</label>
<input type="password" name="password" placeholder="password" />
</div>
</div>
<div className='footer'>
<button type="button" className="btn">
Login
</button>
</div>
);
}
}

错误：

Unexpected token. Did you mean `{'{'` or `&brace;`?

在此处输入图像描述

Answer 1

您的页脚div没有关闭。请关闭</div>