当我使用“=>”时，为什么我会收到“Unexpected token。您的意思是React组件类中的`{'>'}`还是`>`？ts”-

Question

我读过一些类似的问答，但无法弄清楚。我是初学者。当我在 React 组件类中使用 => 时，它无法被识别。所以我得到的“员工”没有定义。

这是 ListEmployeeComponent：

class ListEmployeeComponent extends Component {
  constructor(props) {
    super(props);

    this.state = {
      employees: [],
    };
  }

  render() {
    return (
      <div>
        <h2 className="text-center">Employees List</h2>

        <div className="row">
          <table className="table table-striped taable-bordered">
            <thead>
              <tr>
                <th>Employee First Name</th>
                <th>Employee Last Name</th>
                <th>Employee Email ID</th>
                <th>Actions</th>
              </tr>
            </thead>

            <tbody>
              this.state.employees.map((employee) => (
                <tr key={employee.id}>
                  <td>{employee.firstname}</td>
                  <td>{employee.lastname}</td>
                  <td>{employee.emailId}</td>
                </tr>
              ))
            </tbody>
          </table>
        </div>
      </div>
    );
  }
}
export default ListEmployeeComponent;

这是出现错误的屏幕截图。请帮助我解决这个问题或向我提出任何建议，以便我可以更好地理解它。

截屏

感谢您的时间。

Answer 1

您在 jsx 中的 JS 语句周围缺少大括号：

...
{this.state.employees.map((employee) => (
  <tr key={employee.id}>
    <td>{employee.firstname}</td>
    <td>{employee.lastname}</td>
    <td>{employee.emailId}</td>
  </tr>
))}
...