Styjun

Making polynomials representing frequency of a character in a list

What steps should I take to lawfully visit the United States as a tourist immediately after visiting on a B-1 visa?

How can I calculate the sum of 2 random dice out of a 3d6 pool in AnyDice?

Should disabled buttons give feedback when clicked?

How were Martello towers supposed to work?

How did the hit man miss?

Contexte et orthographe du mot « feedback »

Machine learning and operations research projects

Can the Mage Hand cantrip be used to trip an enemy who is running away?

Is there any word for "disobedience to God"?

Is anyone advocating the promotion of homosexuality in UK schools?

What prevents someone from claiming to be the murderer in order to get the real murderer off?

Cracking the Coding Interview — 1.5 One Away

Single word for "refusing to move to next activity unless present one is completed."

Credit score and financing new car

What's the point of having a RAID 1 configuration over incremental backups to a secondary drive?

How do you glue a text to a point?

Why didn't Thanos kill all the Dwarves on Nidavellir?

Why isn't there research to build a standard lunar, or Martian mobility platform?

Why are they 'nude photos'?

Is a request to book a business flight ticket for a graduate student an unreasonable one?

Print the last, middle and first character of your code

Shortest hex dumping program

Why didn't Nick Fury expose the villain's identity and plans?

React setState doesn't work with Listener pattern

Loop inside React JSXCan you force a React component to rerender without calling setState?Programmatically navigate using react routerReactJS setState only works when nested inside setStateWhy is setState in reactjs Async instead of Sync?Update State in React (Firebase) Undefined Valuereact setstate not working when pushing elements to arrayReact-Native: State is not updating with setState?setState() bug when triggered from child component with callbackReact setState() after fetch not rerendering

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

My app tries to login at first. And I have an isLoginTried state that lets us know whether login has tried. Entry point of the App sets the login result listener on Login Component. And Login component posts the result by calling that listener function.

And Listener function set state isLoginTried as true. But when I logged it after setState, isLoginTried is still false!

I know setState function is asynchronous so I logged it with callback function of setState. My code snippet is below. Please give me some advices. Thank you.

+MessageController is an instance. So It can keep the listener functions.

// GlobalApp.tsx
class GlobalApp extends Component {
 constructor() 
 super();
 this.state= 
 isLoginTried: false,
 

 MessageController.setLoginResultListener(this.onLoginResult.bind(this));
 

 ...

 onLoginResult(user: User) 
 this.setState(
 user,
 isLoginTried: true,
 , () => 
 console.log(this.state.isLoginTried); // it tells it's false!!
 ); 
 

class UserDC() 
 login() 
 ... 
 // This function always triggered
 // no matter login has been successful or not
 MessageController.postLoginResultListener(user); 
 

onLoginResult of GlobalApp is executed! But it doesn't change state!

reactjs

share|improve this question

edited Mar 26 at 3:16

Kwoncharles

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  isLoginTired is spelled wrong, fix that first
  
  – JREAM
  Mar 26 at 2:37
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @JREAM Thank you. It might've been tired....
  
  – Kwoncharles
  Mar 26 at 3:16
  
  

  
  
  
  

add a comment | 

1

My app tries to login at first. And I have an isLoginTried state that lets us know whether login has tried. Entry point of the App sets the login result listener on Login Component. And Login component posts the result by calling that listener function.

And Listener function set state isLoginTried as true. But when I logged it after setState, isLoginTried is still false!

I know setState function is asynchronous so I logged it with callback function of setState. My code snippet is below. Please give me some advices. Thank you.

+MessageController is an instance. So It can keep the listener functions.

// GlobalApp.tsx
class GlobalApp extends Component {
 constructor() 
 super();
 this.state= 
 isLoginTried: false,
 

 MessageController.setLoginResultListener(this.onLoginResult.bind(this));
 

 ...

 onLoginResult(user: User) 
 this.setState(
 user,
 isLoginTried: true,
 , () => 
 console.log(this.state.isLoginTried); // it tells it's false!!
 ); 
 

class UserDC() 
 login() 
 ... 
 // This function always triggered
 // no matter login has been successful or not
 MessageController.postLoginResultListener(user); 
 

onLoginResult of GlobalApp is executed! But it doesn't change state!

reactjs

share|improve this question

edited Mar 26 at 3:16

Kwoncharles

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  isLoginTired is spelled wrong, fix that first
  
  – JREAM
  Mar 26 at 2:37
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @JREAM Thank you. It might've been tired....
  
  – Kwoncharles
  Mar 26 at 3:16
  
  

  
  
  
  

add a comment | 

My app tries to login at first. And I have an isLoginTried state that lets us know whether login has tried. Entry point of the App sets the login result listener on Login Component. And Login component posts the result by calling that listener function.

And Listener function set state isLoginTried as true. But when I logged it after setState, isLoginTried is still false!

I know setState function is asynchronous so I logged it with callback function of setState. My code snippet is below. Please give me some advices. Thank you.

+MessageController is an instance. So It can keep the listener functions.

// GlobalApp.tsx
class GlobalApp extends Component {
 constructor() 
 super();
 this.state= 
 isLoginTried: false,
 

 MessageController.setLoginResultListener(this.onLoginResult.bind(this));
 

 ...

 onLoginResult(user: User) 
 this.setState(
 user,
 isLoginTried: true,
 , () => 
 console.log(this.state.isLoginTried); // it tells it's false!!
 ); 
 

class UserDC() 
 login() 
 ... 
 // This function always triggered
 // no matter login has been successful or not
 MessageController.postLoginResultListener(user); 
 

onLoginResult of GlobalApp is executed! But it doesn't change state!

reactjs

share|improve this question

edited Mar 26 at 3:16

Kwoncharles

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

// GlobalApp.tsx
class GlobalApp extends Component {
 constructor() 
 super();
 this.state= 
 isLoginTried: false,
 

 MessageController.setLoginResultListener(this.onLoginResult.bind(this));
 

 ...

 onLoginResult(user: User) 
 this.setState(
 user,
 isLoginTried: true,
 , () => 
 console.log(this.state.isLoginTried); // it tells it's false!!
 ); 
 

class UserDC() 
 login() 
 ... 
 // This function always triggered
 // no matter login has been successful or not
 MessageController.postLoginResultListener(user); 
 

share|improve this question

edited Mar 26 at 3:16

Kwoncharles

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

share|improve this question

edited Mar 26 at 3:16

Kwoncharles

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges

asked Mar 26 at 2:14

KwoncharlesKwoncharles

833 bronze badges