Question

我正在从教程here复制此内容。每当我尝试以下代码段：

import React, { Component } from 'react';
const TableHeader = () => {
  return (
    <thead>
      <tr>
       <th>Name</th>
       <th>Job</th>
      </tr>
    </thead>
 )
}

const TableBody = props => {
  const rows = props.characterData.map((row, index) => {
    return (
      <tr key={index}>
       <td>{row.name}</td>
       <td>{row.job}</td>
      </tr>
   )
})

return <tbody>{rows}<tbody/>
}

class Table extends Component {
  render() {
    const { characterData } = this.props
    return (
    <table>
      <TableHeader />
      <TableBody characterData={characterData} />
    </table>
   );
 }
}
export default Table

它返回错误：

Syntax error: Unexpected token, expected "}" (28:12)

  26 | 
  27 | class Table extends Component {
> 28 |   render() {
     |            ^
  29 |     const { characterData } = this.props
  30 |     return (
  31 |       <table>

无法理解问题所在！其他模块中的所有其他渲染块均正常工作。问题就在此文件中。

Answer 1

return <tbody>{rows}</tbody>

您的结束标记有错字。出现这种错误时，问题通常是在所指示的位置上方一行或几行。

语法错误：意外的令牌，渲染后应为“}”

1 个答案: