Question

好吧，最近我开始使用React.js库，现在我正尝试将它与TypeScript语言一起用于Firebase Hosting。但是，每次我尝试使用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

您是如何创建您的React应用程序的？如果您使用create-react-app，则需要使用react-scripts-ts作为--scripts-version标志。这应该在React的依赖项旁边安装@types软件包，从而消除您的问题。

此外，它应该让您开始使用App.tsx文件，因为代码段中提供的文件不是有效的打字稿反应组件（即render（）方法不是公开的）。

黑客很开心！

TypeScript和React问题

1 个答案: