TypeScript и React проблема

Question

Ну, недавно я начал использовать библиотеку React.js, и теперь я пытаюсь использовать ее с Firebase Hosting, с языком TypeScript. Но каждый раз, когда я пытаюсь написать какой-то код, используя tsx, он просто не работает, например:

import * as React from "react"; //red underline under "react"
import "./App.css";

import logo from "./logo.svg";

class App extends React.Component {
  render() {
    return <h1>Hello</h1>; //red underline under <h1> and </h1>
  }
}

export default App;

таким образом, я просто не могу написать здесь jsx-код, потому что всегда возникает проблема:

test.tsx(1,1): error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists

Может кто-нибудь помочь мне с этим?

Answer 1

Как вы создали свое реагирующее приложение? Если вы использовали create-реагировать-приложение , вам нужно будет использовать act-scripts-ts в качестве флага --scripts-version. Это должно установить пакеты @types вместе с зависимостями React, что устранит вашу проблему.

Кроме того, вам следует начать работу с файлом App.tsx, поскольку файл, предоставленный в вашем фрагменте, не является допустимым компонентом реагирования на машинопись (т. Е. Ваш метод render () не является общедоступным).

Счастливого взлома!