reactjs - 如何在 TypeScript 中使用 React BluePrint 组件？

Question

我正在尝试对 tsx 文件使用 React 和蓝图

import * as React from 'react';
import { Button } from "@blueprintjs/core"

class App extends React.Component {
    render() {
       return <Button intent="success" text="button content" />
    }
}

export default App;

该文件被命名为 App.tsx。它抛出错误:

JSX element class does not support attributes because it does not have a 'props' property.ts(2607) (alias) class Button import Button

这段代码有什么问题？

Answer 1

你应该定义一个props和 state来自 App (你可以简单地传递 {})

export class App extends React.Component<{}, {}> { }

使用 <App />

或者你想定义你的 props

export class App extends React.Component<{ name: string, age: number }, {}> { }

使用 <App name="Join" age="22" />
请注意，这些是对象类型而不是值。告诉应用程序将能够通过 name, age 接收 Prop