mapp values do not upadte when calling other functions after populating the map

Question

I am using react as my front end to call functions from smart contract .

this is the front end where i call the functions. However, after calling the first function which populates the map I then call the second function to get the username using the same userid but i get an empty string.

After testing , i figured that after populating the map , the values inside the map just restore their original values or something similar and so when calling other functions they see an empty map. any help is appreciated as this is my first blockchain based project . thank you

Answer 1

The problem is by the use of .call() it will execute the function as a view, it will not make permanent changes.

The correct way to make changes is to use .send() instead.

contract.methods.addUser(...params).send({ from: userAddress });

Answer 2

One thing you could try is to update the line below

this.state.contract.methods.add(0, this.state.username, this.state.email, this.state.password).call()

To this:

this.state.contract.methods.add(0, web3.utils.toHex(this.state.username), web3.utils.toHex(this.state.email), web3.utils.toHex(this.state.password)).call({from:"Your Account Address", gasPrice:web3.utils.toHex(10000000000), gas:web3.utils.toHex(6000000)}) //be sure to assign your preferred gasPrice and gas if it's not a testnet. 

As "addUser" function will change the state of the smart contract, a "send" method needs to be used instead of "call". "call" can't alter a smart contract state.

I've also attached the web3 JS library reference here:

https://web3js.readthedocs.io/en/v1.2.6/web3-eth-contract.html#methods-mymethod-send

Please let me know if it doesn't help.

Cheers,