Ufdjrw

A Paper Record is What I Hamper

Is there a word for the censored part of a video?

What makes accurate emulation of old systems a difficult task?

Is there really no use for MD5 anymore?

How to be good at coming up with counter example in Topology

How long after the last departure shall the airport stay open for an emergency return?

How do I deal with a coworker that keeps asking to make small superficial changes to a report, and it is seriously triggering my anxiety?

Mistake in years of experience in resume?

What is the term for a person whose job is to place products on shelves in stores?

Partitioning values in a sequence

As an international instructor, should I openly talk about my accent?

What is purpose of DB Browser(dbbrowser.aspx) under admin tool?

Multiple options vs single option UI

Can someone publish a story that happened to you?

Co-worker works way more than he should

What to do with someone that cheated their way through university and a PhD program?

"My boss was furious with me and I have been fired" vs. "My boss was furious with me and I was fired"

Extracting Dirichlet series coefficients

Are there moral objections to a life motivated purely by money? How to sway a person from this lifestyle?

What is the best way to deal with NPC-NPC combat?

Unknown code in script

All ASCII characters with a given bit count

Magical attacks and overcoming damage resistance

Why do games have consumables?

How to use React BluePrint components with TypeScript?

What is TypeScript and why would I use it in place of JavaScript?Loop inside React JSXProgrammatically navigate using react routerHow to properly import React JSX from separate file in Typescript 1.6JSX in Typescript without ReactExtending React component which is imported from a NPM module (typescript)How do I Make and Use React components?Typescript React: Access component property typesreact-grid-layout with typescript not workinghow to export React component from a typescript file

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I am trying to use React and blueprint with tsx files

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;

The file is named as App.tsx. It throws error as:

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

What is wrong with this code?

reactjs typescript blueprint

share|improve this question

edited Mar 10 at 5:52

Geeky

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Why should some one give negativevotes to this. i honestly dont know how to solve this problem
  
  – Geeky
  Mar 10 at 5:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Did you manage to solve it? I'm having the exact same error right now
  
  – Alberto Centelles
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  no i was nit able to solve it
  
  – Geeky
  yesterday
  

  
  
  
  

add a comment | 

0

I am trying to use React and blueprint with tsx files

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;

The file is named as App.tsx. It throws error as:

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

What is wrong with this code?

reactjs typescript blueprint

share|improve this question

edited Mar 10 at 5:52

Geeky

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Why should some one give negativevotes to this. i honestly dont know how to solve this problem
  
  – Geeky
  Mar 10 at 5:19
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Did you manage to solve it? I'm having the exact same error right now
  
  – Alberto Centelles
  yesterday
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  no i was nit able to solve it
  
  – Geeky
  yesterday
  

  
  
  
  

add a comment | 

I am trying to use React and blueprint with tsx files

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;

The file is named as App.tsx. It throws error as:

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

What is wrong with this code?

reactjs typescript blueprint

share|improve this question

edited Mar 10 at 5:52

Geeky

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

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;

share|improve this question

edited Mar 10 at 5:52

Geeky

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

share|improve this question

edited Mar 10 at 5:52

Geeky

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

asked Mar 9 at 8:01

GeekyGeeky

6,05911238

1 Answer
1

active

oldest

votes

0

you should define a props and state from App(you could simply pass )

export class App extends React.Component<, > 

using <App />

Or you want to define your props

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

using <App name="Join" age="22" />

Note these are object type not value.
To tell thar App will be able to recieve a props with name, age

share|improve this answer

answered Mar 9 at 8:07

lupalupa

1896

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  but here i dont have props for the App, i am trying to use the blueprint button with the intent and text buttons
  
  – Geeky
  Mar 9 at 16:05
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55075246%2fhow-to-use-react-blueprint-components-with-typescript%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

you should define a props and state from App(you could simply pass )

export class App extends React.Component<, > 

using <App />

Or you want to define your props

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

using <App name="Join" age="22" />

Note these are object type not value.
To tell thar App will be able to recieve a props with name, age

share|improve this answer

answered Mar 9 at 8:07

lupalupa

1896

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  but here i dont have props for the App, i am trying to use the blueprint button with the intent and text buttons
  
  – Geeky
  Mar 9 at 16:05
  

  
  
  
  

add a comment | 

0

you should define a props and state from App(you could simply pass )

export class App extends React.Component<, > 

using <App />

Or you want to define your props

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

using <App name="Join" age="22" />

Note these are object type not value.
To tell thar App will be able to recieve a props with name, age

share|improve this answer

answered Mar 9 at 8:07

lupalupa

1896

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  but here i dont have props for the App, i am trying to use the blueprint button with the intent and text buttons
  
  – Geeky
  Mar 9 at 16:05
  

  
  
  
  

add a comment | 

you should define a props and state from App(you could simply pass )

export class App extends React.Component<, > 

using <App />

Or you want to define your props

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

using <App name="Join" age="22" />

Note these are object type not value.
To tell thar App will be able to recieve a props with name, age

share|improve this answer

answered Mar 9 at 8:07

lupalupa

1896

export class App extends React.Component<, > 

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

share|improve this answer

answered Mar 9 at 8:07

lupalupa

1896

answered Mar 9 at 8:07

lupalupa

1896

answered Mar 9 at 8:07

lupalupa

1896