у меня есть эта проблема, когда мои компоненты реакции не рендерится, несмотря на то, что я не изменяю конфигурацию в приложении create-реагировать

Question

Я предполагаю, что это что-то с обновлением create-реагировать на приложение. обычно в моих предыдущих проектах при проверке страницы я видел каждый компонент, разбитый на его теги 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-реагировать на приложение будет по-прежнему отображать пустую страницу output

Answer 1

Имена компонентов должны начинаться с заглавной буквы:

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

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

export default App;