我有这样的问题，我的react组件没有渲染，尽管没有改变任何配置的create-react-app

Question

通常在我以前的项目中，当检查页面时，我会看到每个组件被分解成html标签，但现在它只显示组件的名称，而组成组件的标签不会被显示。

//App.js
import React from 'react';
import logo from './logo.svg';
import './App.css';
import heading from './head';

function App() {
  return (
    <div>
        <heading/>
    </div>
  );
}

export default App;

//head.js
import React from 'react';

const head = () => {
    return (
        <h1>hello</h1>
    )
}

export default head;

这段代码在不改变create-react-app配置的情况下，仍然会显示空白页。产出

Answer 1

组件名称必须以大写字母开头。

// rest of imports ...
import Heading from './head';

function App() {
  return (
    <div>
        <Heading/>
    </div>
  );
}

export default App;