how to put state array equal to another array using use State

Question

I am using useState hook to store an array and initially I am setting it to an empty array. when data is fetched. I am using setState to change it but its not working. thanks in advance

const ShipmentArrival = ({
  isAuthenticated,
  productLoading,
  user,
  products,
  loadProducts,
}) => {
  useEffect(() => {
    loadProducts();
  }, [loadProducts]);

  const [newProducts, setNewProducts] = useState([]);

  if (!productLoading) {
    setNewProducts(products);
    console.log(products);
    for (let i = 0; i < products.length; i++) {
      console.log(newProducts);
      // this log shows that the array is empty
    }
  }

Paiman Rasoli · Accepted Answer · 2022-02-19 06:27:41Z

1

Actually it is better to handle this kind of senarios in useEffect:

useEffect(() => {
  if(!productLoading){
    setNewProducts([...newProducts , products]);
    console.log('Products => ' , newProducts)
  }
}, [productLoading])

answered Feb 19, 2022 at 6:27

Paiman Rasoli

1,2241 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Ahmad Malik Over a year ago

still not working, array is empty!!

Paiman Rasoli Over a year ago

change the dependency inside useEffect to products and also check if products.length > 0 => if(products.length > 0){ ...before code }

Paiman Rasoli Over a year ago

and also console.log the products inside useEffect to make sure if products change.

Ahmad Malik Over a year ago

tried both of those already, still nothing. Even console logged the products to check and it does contains data

Ahmad Malik Over a year ago

No there are no errors but since the newProducts array is empty I cant use It. I tried copying products to a simple array( not state array) that works fine but I need State variable.

|

Collectives™ on Stack Overflow

how to put state array equal to another array using use State

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related