Reactjs 如何将React BluePrint组件与TypeScript一起使用?

Reactjs 如何将React BluePrint组件与TypeScript一起使用?,reactjs,typescript,blueprint,Reactjs,Typescript,Blueprint,我正在尝试将React和blueprint与tsx文件一起使用 import * as React from 'react'; import { Button } from "@blueprintjs/core" class App extends React.Component { render() { return <Button intent="success" text="button content" /> } } export defau

我正在尝试将React和blueprint与tsx文件一起使用

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;
import*as React from'React';
从“@blueprintjs/core”导入{Button}
类应用程序扩展了React.Component{
render(){
返回
}
}
导出默认应用程序;
该文件名为App.tsx。它抛出的错误如下:

JSX元素类不支持属性,因为它没有“props”属性。ts(2607) (别名)类按钮 导入按钮


此代码有什么问题?

您应该从
App
定义
props
state
(您可以通过{})

使用

注意这些是对象类型而不是值。
为了告诉他们应用程序将能够收到带有
姓名、年龄

的道具,但在这里我没有应用程序的道具,我正在尝试将蓝图按钮与意图和文本按钮一起使用。为什么有人要对此给予否定。我真的不知道怎么解决这个问题你解决了吗?我现在也有同样的错误不,我没办法解决
export class App extends React.Component<{}, {}> { }
export class App extends React.Component<{ name: string, age: number }, {}> { }