Как использовать компоненты React BluePrint с TypeScript? - PullRequest
Новая
       10

Как использовать компоненты React BluePrint с TypeScript?

0 голосов
/ 09 марта 2019

Я пытаюсь использовать React и план с файлами 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;

Файл называется App.tsx. Выдает ошибку как:

Класс элементов JSX не поддерживает атрибуты, поскольку у него нет свойства 'props' .ts (2607) (псевдоним) класс Button Кнопка импорта

Что не так с этим кодом?

1 Ответ

0 голосов
/ 09 марта 2019

вы должны определить 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

...