Styjun

"... to apply for a visa" or "... and applied for a visa"?

Do warforged have souls?

Match Roman Numerals

Wall plug outlet change

Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?

University's motivation for having tenure-track positions

How does ice melt when immersed in water?

How to copy the contents of all files with a certain name into a new file?

Python - Fishing Simulator

Did God make two great lights or did He make the great light two?

How are presidential pardons supposed to be used?

How can I define good in a religion that claims no moral authority?

Make it rain characters

Road tyres vs "Street" tyres for charity ride on MTB Tandem

system() function string length limit

In horse breeding, what is the female equivalent of putting a horse out "to stud"?

Is it ok to offer lower paid work as a trial period before negotiating for a full-time job?

Can the prologue be the backstory of your main character?

How should I replace vector<uint8_t>::const_iterator in an API?

Difference between "generating set" and free product?

First use of “packing” as in carrying a gun

Why can't wing-mounted spoilers be used to steepen approaches?

Does Parliament need to approve the new Brexit delay to 31 October 2019?

What is this lever in Argentinian toilets?

react Hoc Component Decorator in Typescript

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

1

I want a HOC Component as a Decorator do login check like this:

function Login() 
 return (Component) => 
 return class Login extends Component 
 componentDidMount() 
 console.log('doSometing')
 super.componentDidMount()
 
 render () 
 return super.render()
 
 
 


export default Login

import * as React from 'react';
import './App.css';
import withLogin from './login'

import logo from './logo.svg';

@withLogin()
class App extends React.Component 
 public render() 
 return (
 <div className="App">
 <header className="App-header">
 <img src=logo className="App-logo" alt="logo" />
 <h1 className="App-title">Welcome to React</h1>
 </header>
 <p className="App-intro">
 To get started, edit <code>src/App.tsx</code> and save to reload.
 </p>
 </div>
 );
 


export default App;

But get Typescript error:

(7,1): Unable to resolve signature of class decorator when called as
an expression.
Type 'typeof Login' is not assignable to type 'typeof
App'.

Type 'Login' is missing the following properties from type 'App': context, setState, forceUpdate, props, and 2 more.

reactjs typescript

share|improve this question

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  repl.it/repls/TremendousLuckyDisc
  
  – allen yang
  Mar 22 at 6:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  link 404. and where is withLogin?
  
  – Angelki
  Mar 22 at 10:09
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  repl.it/@allenyang1/TremendousLuckyDisc
  
  – allen yang
  Mar 25 at 3:12
  

  
  
  
  

add a comment | 

1

I want a HOC Component as a Decorator do login check like this:

function Login() 
 return (Component) => 
 return class Login extends Component 
 componentDidMount() 
 console.log('doSometing')
 super.componentDidMount()
 
 render () 
 return super.render()
 
 
 


export default Login

import * as React from 'react';
import './App.css';
import withLogin from './login'

import logo from './logo.svg';

@withLogin()
class App extends React.Component 
 public render() 
 return (
 <div className="App">
 <header className="App-header">
 <img src=logo className="App-logo" alt="logo" />
 <h1 className="App-title">Welcome to React</h1>
 </header>
 <p className="App-intro">
 To get started, edit <code>src/App.tsx</code> and save to reload.
 </p>
 </div>
 );
 


export default App;

But get Typescript error:

(7,1): Unable to resolve signature of class decorator when called as
an expression.
Type 'typeof Login' is not assignable to type 'typeof
App'.

Type 'Login' is missing the following properties from type 'App': context, setState, forceUpdate, props, and 2 more.

reactjs typescript

share|improve this question

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  repl.it/repls/TremendousLuckyDisc
  
  – allen yang
  Mar 22 at 6:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  link 404. and where is withLogin?
  
  – Angelki
  Mar 22 at 10:09
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  repl.it/@allenyang1/TremendousLuckyDisc
  
  – allen yang
  Mar 25 at 3:12
  

  
  
  
  

add a comment | 

I want a HOC Component as a Decorator do login check like this:

function Login() 
 return (Component) => 
 return class Login extends Component 
 componentDidMount() 
 console.log('doSometing')
 super.componentDidMount()
 
 render () 
 return super.render()
 
 
 


export default Login

import * as React from 'react';
import './App.css';
import withLogin from './login'

import logo from './logo.svg';

@withLogin()
class App extends React.Component 
 public render() 
 return (
 <div className="App">
 <header className="App-header">
 <img src=logo className="App-logo" alt="logo" />
 <h1 className="App-title">Welcome to React</h1>
 </header>
 <p className="App-intro">
 To get started, edit <code>src/App.tsx</code> and save to reload.
 </p>
 </div>
 );
 


export default App;

But get Typescript error:

(7,1): Unable to resolve signature of class decorator when called as
an expression.
Type 'typeof Login' is not assignable to type 'typeof
App'.

Type 'Login' is missing the following properties from type 'App': context, setState, forceUpdate, props, and 2 more.

reactjs typescript

share|improve this question

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

function Login() 
 return (Component) => 
 return class Login extends Component 
 componentDidMount() 
 console.log('doSometing')
 super.componentDidMount()
 
 render () 
 return super.render()
 
 
 


export default Login

import * as React from 'react';
import './App.css';
import withLogin from './login'

import logo from './logo.svg';

@withLogin()
class App extends React.Component 
 public render() 
 return (
 <div className="App">
 <header className="App-header">
 <img src=logo className="App-logo" alt="logo" />
 <h1 className="App-title">Welcome to React</h1>
 </header>
 <p className="App-intro">
 To get started, edit <code>src/App.tsx</code> and save to reload.
 </p>
 </div>
 );
 


export default App;

share|improve this question

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

share|improve this question

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

edited Mar 22 at 7:07

Pavel Smirnov

2,365818

asked Mar 22 at 6:45

allen yangallen yang

61

asked Mar 22 at 6:45

allen yangallen yang

61