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

Posted 2023-02-23

【中文标题】无法在其他类组件中加载 React 类组件

【英文标题】：Unable to load React class component inside other class component

【发布时间】：2017-09-29 18:18:08

【问题描述】：

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

任何人都可以帮助反应基本教程和反应示例

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>
);

posts.js

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

以下是我得到的输出，无法从帖子组件加载渲染

【问题讨论】：

您遇到了什么错误或行为？

您是否尝试在返回之前执行您的.map()？

@panther 以上是我现在得到的行为，我无法从帖子组件加载内容

【参考方案1】：

用户定义的 React 组件must begin with an Uppercase character。

改变

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

到

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

和

<posts posttitle=item/>

到

<Posts posttitle=item/>

您可能还想更改类名本身（class posts ... 到 class Posts ...，但在使用 export default 时不是必需的（导入器声明使用的实际标识符。

【讨论】：

非常感谢迈克尔。