react js useState array is empty in first time click in the console log react js useState array is empty in first time click in the console log

Please check my below code. I try to check the console log value, but in the first button click, the array is empty. After the second click the array will be loaded correctly.

Please check this:

sample

The above sample can be found on Google. I console log the value as below enter image description here

Why is the array empty in the first click? Another question is, I need to print the value in the first click. How can I do it? Do you know any alternative method?



from Stackoverflow

Comments

Post a Comment

Popular posts from this blog

With jQuery, how to automatically select the value of an input text that has been modified with the arrows? With jQuery, how to automatically select the value of an input text that has been modified with the arrows?

I want to be able to increase/decrease the value of an input text with the keyboard arrows and have it automatically selected (with jQuery). I succeed the increase/decrease part but I fail on the selection part. I tried $input.select(); with no success. What am I doing wrong? $(".textInput").keydown(function(event) { var $input = $(this); if (event.which === 38) { $input.val((parseInt($input.val()) + 1)); } else if (event.which === 40) { $input.val((parseInt($input.val()) - 1)); } $input.select(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input type="text" value="300" class="textInput"> https://jsfiddle.net/timmyyy/1L94j2ye/2/ from Stackoverflow
Read more

Cannot create an instance of a defined class in Javascript Cannot create an instance of a defined class in Javascript

I have defined a class which represent a Pokemon: class Pokemon { constructor(id,nick,level,a1,a2,a3,a4) { this.id=id; this.name=setPokemonById(id); this.nick=nick; this.typeId=setTypeById(id); this.type=setElementById(this.typeId); this.level=level; this.attack1=a1; this.attack2=a2; this.attack3=a3; this.attack4=a4; this.attack1CurrPP=this.attack1.getPP(); this.attack2CurrPP=this.attack2.getPP(); this.attack3CurrPP=this.attack3.getPP(); this.attack4CurrPP=this.attack4.getPP(); this.hp=generateHP(id,level); this.currHP=this.hp; } getId() {return this.id;}; getName() {return this.n
Read more

Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error Using Ts-Standard linting, JSDoc comment at beginning of file triggers "This rule requires the `strictNullChecks` compiler option" error

I'm using Typescript and the TS-standard version of StandardJS's ESlint plugin and extension for VSCode. I have been using JSDoc-style comment blocks ( /** Some text */ ) at the beginning of javascript and now typescript files to indicate things like author and give a general overview of the contents of the file. I was using the standardJS eslint plugin already, but it generally didn't work properly on my code library, never figured out why. Recently I started upgrading my codebase to Typescript, and now I'm getting this error on all of these comment blocks: This rule requires the `strictNullChecks` compiler option to be turned on to function correctly. (@typescript-eslint/strict-boolean-expressions)ts-standard(@typescript-eslint/strict-boolean-expressions) I tried turning on the strictNullChecks option, and it did indeed clear that error, but is also a nightmare for certain places where I know values aren't going to be null if the object exists at all (and using
Read more