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

Я пытаюсь использовать 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 element class does not support attributes because it does not have a 'props' property.ts(2607) (alias) class Button import Button

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

Почему кто-то должен давать отрицательные голоса этому. я честно не знаю как решить эту проблему

— 10.03.2019 06:19

Вам удалось ее решить? у меня сейчас точно такая же ошибка

— 24.04.2019 12:19

нет не смог решить

— 24.04.2019 17:53

reactjs typescript blueprint

09.03.2019 09:01

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

830

Ответы 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

но здесь у меня нет реквизита для приложения, я пытаюсь использовать кнопку плана с кнопками намерения и текста

— 09.03.2019 17:05

09.03.2019 09:07