Reactjs 无法在其他类组件中加载React类组件

我是新手，我正在尝试执行下面的代码，但我无法将一个类组件加载到另一个类组件中，下面是我的js文件，请告诉我代码中的错误

有人能为react基础教程和react示例提供帮助吗

Apicall.js

import React from "react";
import { fetchjson } from '../helpers/helpers';
import posts from "../components/posts";
export default class Apicall extends React.Component {
  constructor() {
    super();
    this.state = { items: [] };
}
 componentDidMount() {

fetchjson('posts').then((data) => {
  this.setState({items: data});
});

}

 render() {
return (
  <div>
  <h1>API Call</h1>
  {this.state.items.map(item => 
  <div key={item.id}>
  <h4>{item.title}</h4>
  <p>{item.body}</p>
  <posts posttitle={item}/>
  </div>
  )} 
  </div>
);
}
}

import React from "react";
export default class posts extends React.Component {
constructor(props) {
super(props);
 }
render() {
 return (
   <div>{this.props.posttitle.title}</div>
 );
}
}

从“React”导入React；
从“../helpers/helpers”导入{fetchjson}；
从“./组件/职位”导入职位；
导出默认类Apicall extends React.Component{
构造函数（）{
超级（）；
this.state={items:[]}；
}
componentDidMount（）{
fetchjson（'posts'）。然后（（数据）=>{
this.setState（{items:data}）；
});
}
render（）{
返回(
应用程式介面呼叫
{this.state.items.map（item=>
{item.title}
{item.body}

)} 
);
}
}

posts.js

import React from "react";
import { fetchjson } from '../helpers/helpers';
import posts from "../components/posts";
export default class Apicall extends React.Component {
  constructor() {
    super();
    this.state = { items: [] };
}
 componentDidMount() {

fetchjson('posts').then((data) => {
  this.setState({items: data});
});

}

 render() {
return (
  <div>
  <h1>API Call</h1>
  {this.state.items.map(item => 
  <div key={item.id}>
  <h4>{item.title}</h4>
  <p>{item.body}</p>
  <posts posttitle={item}/>
  </div>
  )} 
  </div>
);
}
}

import React from "react";
export default class posts extends React.Component {
constructor(props) {
super(props);
 }
render() {
 return (
   <div>{this.props.posttitle.title}</div>
 );
}
}

从“React”导入React；
导出默认类posts扩展React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
{this.props.posttitle.title}
);
}
}

下面是我得到的输出，无法从posts组件加载渲染

---

用户定义的React组件

改变

import posts from "../components/posts";

到

及

到

---

您可能还希望更改类名本身（

class posts…

为

class posts…

），但在使用

导出默认值时，这不是必需的（导入程序声明所使用的实际标识符）。
您得到的错误或行为是什么？是否尝试执行
.map（）
返回之前？@panther以上是我现在的行为，我无法从posts组件加载内容。非常感谢Michael。
<Posts posttitle={item}/>