React组件构造函数(解析错误:意外的令牌,预期为“}”)

时间:2019-05-12 10:27:26

标签: javascript node.js reactjs

  

分析错误:意外的令牌,预期}

{的{​​{1}}上

在该类之上,我还有其他一些类与constrctor(props){做相同的事情,但没有错误

如果我在此类之前添加constructor(props),则无论我添加了多少},错误都是相同的。

如果我在此类之前添加},并在其之后添加{,则可以,但是该类下面的类在构造函数上会显示相同的错误

在我尝试将}添加到下面的每个类之后,它会显示

  

解析错误:未终止的JSX内容

{}之前

export

2 个答案:

答案 0 :(得分:0)

您的代码中Class关键字是否大写?它应该是class。错误消息尚不清楚,但也许是问题所在。

答案 1 :(得分:0)

我不认为在CommentRow的render函数中返回某些内容的方法是有效的,即使从技术上讲,变量yourcomment是需要的开始<tr>标记。 (您的JSX中还存在其他一些小的语法错误)。

请尝试在其中放置<tr>并有条件地添加道具,如下所示:

render() {
    const { comment } = this.props;
    const { name } = this.state;

    return (
    <tr _id={comment._id} onDoubleClick={comment.name === name && this.DeleteComment}>
       <td>{comment.time}</td>
       <td>{comment.name}</td>
       <td><p> said: </p></td>
       <td id="comentcontent">{comment.content}</td>
    </tr>
    );
  }