Breaking News: Grepper is joining You.com. Read the official announcement!

react state not updating in UI

iF n OnLy iF answered on June 10, 2021 Popularity 9/10 Helpfulness 2/10

answer react state not updating in UI

related react state not updating immediately

react state not updating in UI

Comment

import React, { useState, useEffect } from "react"

let [myArr, setMyArr] = useState([1, 2, 3, 4])

const someAction = () => {
	let arr = [...myArr]
	arr.push(5) // perform state update
	setMyArr(arr) // set new state
}

 // runs every time myArr is updated
useEffect(() => {
   console.log('Updated State', myArr)
}, [myArr])

// or
import React, { useState, useEffect } from "react"

const [trigger, setTrigger] = useState(null);
const [myArr, setMyArr] = useState([])
const [mainArr, setMainArr] = useState([1, 2, 3, 4])

const someAction = (id) => {
	let arr = [...mainArr]
	arr.push([5, 6, 7, 8]) // perform state update
	setMyArr(arr)
	setTrigger(id)
}

 // runs every time myArr is updated
useEffect(() => {
	setMainArr(myArr)
	console.log('Updated State', myArr)
}, [trigger])

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-state setstate updating

Link to this answer
Share Copy Link

Contributed on Jun 08 2023

iF n OnLy iF

0 Answers Avg Quality 2/10

Closely Related Answers

react state not updating immediately

Comment

//In case of hooks, you should use useEffect hook.
const [fruit, setFruit] = useState('');

setFruit('Apple');

useEffect(() => {
  console.log('Fruit', fruit);
}, [fruit])

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 10 2021

Gleaming Goat

0 Answers Avg Quality 2/10

react state not updating in UI

Contents

More Related Answers

react state not updating in UI

Closely Related Answers

react state not updating immediately

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.