Question

我很抱歉，因为我确信之前已经回答过，但对于我的生活，我找不到它。我正在尝试使用react创建一个简单的注释框，我不断收到错误：

./ src / CommentBox.js第29行：'Comment'未定义react / jsx-no-undef

我在线阅读需要大写。我已经尝试过小写，我的页面加载没有错误但是/缺少。对不起，如果我使用错误的条款。我是新来的。

谢谢！

import React, { Component } from 'react';
import ReactDOM from 'react-dom';


class CommentBox extends React.Component {
render () {
  const comment = this._getComments();
  const commentCount = `{comment.length}`;
  return (

    <div className = "comment-box">
    <h3>COMMENTS</h3>
    <h4 className = "commentCount">
    {this._getCommentsTitle(comment.length)} </h4>
    <div className = "comments">
    {comment}
    </div>
    </div>
  );
}

_getComments(){

  const commentList = [
  {id: 1, author: 'Michael Perez', body: 'Awesome Pictures!'},
  {id: 2, author: 'Tofu Kaplan', body: 'Looks like fun but happy you 
  are home :)'}
  ];

  return commentList.map((comment) => {
    return(
        < Comment
        author = {comment.author} body = {comment.body} key = 
        {comment.id} />
    )
  });
}
_getCommentsTitle(commentCount){
  if (commentCount === 1){
  return "1 comment";
  } else {
  return `${commentCount} comments`
  }
}
}

Answer 1

您尚未创建任何组件评论

Answer 2

您将React Component命名为<?php $veh_year_array =array("Tomato", "Apple", "Orange"); foreach ($veh_year_array as $item) {?> <option value="<?php echo $item;?>"><?php echo $item;?></option> <?php }?> <?php for ($i = date('Y'); $i > 1950; $i--) { echo "<option>$i</option>"; } ?>，而不是CommentBox。将Comment替换为正确的组件名称。

Answer 3

导入评论组件。

  import Comment from 'Comment component file name';

未定义的反应中的返回组件

3 个答案: