reactjs - 如何解决反应渲染中的意外令牌错误。你的意思是“{'{'”还是“&brace;”？

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;`?

在此处输入图像描述

标签： reactjs

Answer 1

您的页脚 div 未关闭。请关闭那个</div>