Estoy haciendo una aplicación Typescript y React. Estoy usando 4 archivos principales, App.tsx, Header.tsx, Ap.css. Creo que el verdadero problema es la forma en que intento usar el archivo Header.tsx para agregar a App.tsx.

Por favor ayuda

Aplicación.tsx:

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

Encabezado.tsx:

 import React from "react"; import "./Header.css"; function Header() { return ( <div className="nav-container"> <nav> <a href="#!">Home</a> <a href="#!">About</a> <a href="#!">Projects</a> <a href="#!">Resume</a> </nav> </div> ); } export default Header;

Aplicación.css:

 .App { text-align: center; color: white; } body { background-color: #171A25; color: #ffffff; }

Encabezado.css:

 body { margin: 0px; background-color: #121625; } .nav-container { text-align: center; font-size: 24px; color: white; }