Hands-On Full Stack Development with Go by Mina Andrawos

Author:Mina Andrawos
Language: eng
Format: epub
Tags: COM051000 - COMPUTERS / Programming / General, COM051070 - COMPUTERS / Programming Languages / C++, COM060160 - COMPUTERS / Web / Web Programming
Publisher: Packt Publishing
Published: 2019-03-26T13:51:33+00:00

showBuyModalWindow(id,price){

const state = this.state;

const newState = Object.assign({},state,{showBuyModal:true,productid:id,price:price});

this.setState(newState);

}

The code, in both cases, will clone our state object, while adding and setting a Boolean field that indicates that the target modal window should be on. In case of the sign-in modal window, the Boolean field will be called showSignInModal, whereas, in the case of the buy modal window, the Boolean field will be called showBuyModal.

Now, let's look at the toggle methods for the sign in and the buy modal windows. As mentioned, the toggle method is used to toggle the state of the modal window. In our case, we just need to reverse the value of the state Boolean fields that represent whether our modal windows are open:

toggleSignInModalWindow() {

const state = this.state;

const newState = Object.assign({},state,{showSignInModal:!state.showSignInModal});

this.setState(newState);

}

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.