反应组件渲染空

Question

当我尝试在另一个组件中使用它们时，我的 React 组件呈现为空时出现问题。

例子：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          <loadMore />
        </p>
      </div>
    );
  }
}

class loadMore extends Component {
    render() {
        return (
            <p>Pirate</p>
        )
    }
}

export default App;

现在我的输出是：

但我实际上期望的是<loadmore></loadmore>要填充的标签，<p>Pirate</p>但它们只是显示为空，我似乎无法让它出现。

我在这里错过了什么？

Answer 1

React 类必须以大写字母开头。:)