how to empty an array in react native?

Hi Friends 👋,

Welcome To Infinitbility! ❤️

To empty an array in react native, set [] empty array in a state it will remove the existing array of elements and store a new empty array in a state.

Copy 
1setArr([]);

Today, I’m going to show you How do I empty an array in react native, as above mentioned, I’m going to use the above-mentioned set [] empty array syntax method to empty an array.

Let’s start today’s tutorial how do you empty an array in react native?

React native empty an array example using the [] method

Here, we will create an array state with some data and then we will use [] to remove all elements from the array state and set an empty array.

Copy 
1import React, { useState, useEffect } from "react";
2import { Text, View } from 'react-native';
3
4export default function App() {
5  const [arr, setArr] = useState(["Infinitbility","aguidehub","sortoutcode"]);
6
7  useEffect(() => {
8    setArr([])
9  }, []);
10
11  return (
12    <View>
13      <Text>{JSON.stringify(arr)}</Text>
14    </View>
15  );
16}

In the above example, I have created an array state and emptied it in useEffect after that printed output in the screen,

I hope it helps you, All the best 👍.

Try it yourself