React 应用程序不渲染任何东西答案

【问题标题】：React application doesn't render anythingReact 应用程序不渲染任何东西
【发布时间】：2022-11-15 00:51:15
【问题描述】：

React 不渲染任何东西。我的控制台没有错误。我不知道如何解决这个问题。

我的 index.js：

import React, {StrictMode} from 'react'
import ReactDOM , {createRoot} from 'react-dom'
import App from '../components/App'

 function Index(){
        return(
            <StrictMode>
            <App/>
            </StrictMode>
        )
};

export default Index;

const root = ReactDOM.createRoot(
    document.getElementById('app')
  );
root.render(<Index/>);

还有我的 index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FullStack Challenge</title>
</head>
<body>
    <div id="app">
    </div>
</body>
</html>

在组件中我只有 app.js

import React from 'react'

function App() {
    return(
    <h1>Hello,World</h1>
    ) 
  };

export default App;

【问题讨论】：

好吧，您没有要呈现的内容。你在期待什么？你检查页面了吗？我敢打赌上面有一个空的 div。
你的 App 组件是什么样的？你里面有什么吗？

标签： reactjs render react-dom

【解决方案1】：

组件中有东西吗？

【讨论】：

这没有提供问题的答案。您可以search for similar questions，或参考页面右侧的相关和链接问题找到答案。如果您有一个相关但不同的问题，ask a new question，并包含指向此问题的链接以帮助提供上下文。见：Ask questions, get answers, no distractions
我更新我的问题

【解决方案2】：

你能发布你的组件吗？它可能是空的，意味着没有什么可以渲染的。

【讨论】：

我更新我的问题