React 组件未渲染也未显示答案

【问题标题】：React component not rendering also not showing upReact 组件未渲染也未显示
【发布时间】：2021-10-08 15:34:27
【问题描述】：

正如您在下面看到的，我的反应组件在 vscode 中也没有呈现，它是灰色的（第 2 行第一张图片）。不知道我做错了什么

import React, { Fragment, useEffect } from 'react';
import counterComponent from './components/counterComponent';

function App() {
  return (
    <Fragment >
      <h1>hello</h1>
      <counterComponent/>
    </Fragment>
  )
};

export default App;

【问题讨论】：

您应该将组件名称大写，以便 CounterComponent

标签： javascript reactjs visual-studio-code

【解决方案1】：

首先将您的组件名称大写。所以CounterComponent 而不是counterComponent。

其次，您要导出 counterComponent 两次。

export const ....

和底部的export default。选择一个并根据您选择的任何一个更改您的导入..

【讨论】：

【解决方案2】：

您需要使用 {} 导入计数器组件作为它的出口常数从……导入 {CounterComponet}

【讨论】：

在您与 export const 共享的文件中，而不是默认值

【解决方案3】：

因为您正确地做错了 counterComponents，请查看您的 App.js 文件或第二个图像并查看第 2 行（它有点暗），因为您没有正确使用它。另外你是默认和模块化导出counterComponent 做其中任何一个，我通常这样做

import React, { Fragment} from "react";

function counterComponent () {
    return (
        <Fragment>
            <h1>hello</h1>
        </Fragment>
    );
}

export default counterComponent;

如果这不起作用，我的建议是再次检查是否有任何拼写错误或您从正确的位置导入

【讨论】：

一切都正确
你改变了 counterComponent 的语法吗？
是的，我还是没工作
如果上面的代码不起作用，我真的帮不了你
只有组件文件夹显示绿色，带有未标记的“U”。我在互联网上查找并说它是未跟踪的文件。但我没有任何 git 存储库。我做了一个 git status，它说这里没有存储库。这意味着什么？