无法构建评论

Question

我是React的新手。我想在视图中打印出一组对象。

在App组件的render（）方法中，我尝试了这个：

render() {
return (
  <div>
       Your data:
       {
         this.props.val.map(
           (s, i) => 
              <Details key={i} data={s} />
          )
       }
  </div>
);
} 

并在详细信息组件中：

class Details extends Comment{
rendeer(){
return (
  <div>
     <span>{this.props.data.name} {this.props.data.cgpa}</span> 
  </div>
);
}};

注意：两个组件都在同一个文件中。我正面临着这个错误=＆gt;

但是，如果我这样做而不是调用详细信息组件：

Your data:<br />
       {
         this.props.val.map(
           (s, i) => 
           <p key={i}>{s.name} {s.cgpa}</p> 
          )
       }

它完美无缺。

Answer 1

您输错了 rendeer() 。它应该是 render() 。

我认为您错误输入了 Comment ，它应该是 Component 。喜欢：

import React, {Component} from react;

class Details extends Component {
  // ...
}