javascript - React 组件只渲染组件标签

Question

它成功加载了 index.html，没有 js 错误，但页面没有呈现任何内容。网页中没有呈现任何内容。它只在我检查网页时显示标签。我有一个名为“列表”的组件。

列表.js

import React, { Component } from "react";

class list extends Component {
  render() {
    return (
      <div>
        <h1>Hello</h1>
        <h1>Hello</h1>
      </div>
    );
  }
}

export default list;

我在 App.js 上导入了它

import React, { Component } from "react";
import "./App.css";
import list from "./components/list";

class App extends Component {
  render() {
    return (
      <div className="App">
        <list />
      </div>
    );
  }
}

export default App;

Answer 1

User-Defined Components Must Be Capitalized

因为它不是大写的，所以呈现器将 list 标记作为 HTML 标记。不是作为 React 组件。