时间戳

首页 > 解决方案 > 如何正确运行我的反应组件？

reactjs - 如何正确运行我的反应组件？

问题描述

这是我的“App.js”代码：

import Header from "./components/Header";
function App() {
  return (
<div className="Container">
  <Header />
</div>
 )
}
export default App

这是我的“标题”代码：

const Headder = () => {
    return (
        <header>
            <h1>task tracker</h1>
            
        </header>
    )
}
export default header

我的 Header 和 App 文件夹在我的 components 文件夹中，而我的 components 文件夹在我的 src 文件夹中。我不知道为什么它不起作用...有人可以帮助我吗？粉丝

标签： reactjscomponents

解决方案

App.js 中的代码很好。只需在您编写 const Headder =(){Your code.}的 Header.js 中更正您的拼写。将其更改为 const Header = () => {Your code} 并导出默认 Header而不是导出默认 header。或者只是将此代码粘贴到您的“Header.js”中

Header.js 文件：

const Header = () => {
    return (
        <header>
            <h1>task tracker</h1>
        </header>
            )
        }
 export default Header

与您的拼写保持一致。它让人头疼。

推荐阅读