在ReactJS中嵌入子组件

我正在尝试最基本的任务：创建一个使用react.js调用子组件的父组件

这是我的父组件代码：

import React from 'react';
import ReactDOM from 'react-dom';

import PanelTop from './PanelTop.jsx';

class Card extends React.Component {
  render() {
    return <PanelTop/>
  }
}

ReactDOM.render(<Card/>, document.getElementById("card"));

---

很明显，我遗漏了一些东西，比如导入和导出在ES6中的工作方式。

这种情况之所以发生，是因为您需要从

PanelTop.jsx

导出

PanelTop

类（它被称为）

import { PanelTop } from './PanelTop.jsx';

或者在

PanelTop.jsx中使用

export default class PanelTop extends React.Component {
  // ...
}

export default class PanelTop extends React.Component {
  // ...
}