Estoy tratando de crear una página simple con dos partes principales: Menu y Guide . En mi App,tsx , tengo:
import React from 'react'; import Guide from './Guide/Guide'; import './App.css'; function App() { return ( <Guide /> ); } export default App;Esto esta bien.
Pero, en ./Guide/Guide.tsx , tengo:
import React, { Component } from "react"; import Menu from "./Menu/Menu"; export default class Guide extends Component { constructor(props: {}) { super(props); } return ( <Menu /> ); } Menu.tsx :
import React, { Component } from "react"; export default class Menu extends Component { return ( <h1>Test</h1> ); }; Sin embargo, recibo el error 'return', which lacks return-type annotation, implicitly has an 'any' return type. .
¿Que está pasando aqui?
¡Probablemente se dé cuenta de que soy muy nuevo en React y TypeScript!
En el componente de clase (como los componentes de la guía y el menú), renderiza un código HTML dentro de la función de render . Dentro de los componentes funcionales (como el componente de su aplicación), representa un código HTML dentro de la función de return . Aquí está mezclando esas 2 sintaxis diferentes, es por eso que está recibiendo este error.
Para solucionar esto, simplemente reemplace su función de return en los componentes de Menú y Guía por la función de render